时间戳

首页 > 解决方案 > 如果父级有类将类添加到其他 div

javascript - 如果父级有类将类添加到其他 div

问题描述

如果“image-reveal-check”的父级有一个活动类，我需要向img元素（用于动画）添加一个类，我该怎么做？

澄清：父类并不总是具有“活动”，当元素进入视口时会添加该类。

HTML

<div class="active">
    <div class="image-reveal-check">
        <div class="image-reveal-inner">
            <img>
        </div>
    </div>
</div>

jQuery

if ($(".image-reveal-check").parent().hasClass('active')) {
    $(".image-reveal-inner img").addClass('image-reveal-start');
}

标签： javascriptjqueryhtmlcss

解决方案

试试这个，它正在工作。您可以检查代码片段上的输出。

$( document ).ready(function() {
console.log( "ready!" );
if ($(".image-reveal-inner").parent().hasClass('image-reveal-check')) {
	$(".image-reveal-inner img").addClass('image-reveal-start-add');
	console.log( "done!" );
}
});
<div class="active">
    <div class="image-reveal-check">
        <div class="image-reveal-inner">
        ASD
            <img alt="img title">
        </div>
    </div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>

推荐阅读