在jquery中通过父div类在父div中找到div

Question

我有一个带有两个div的情况，一个父div有正确的类，另一个div在父div中没有​​任何类但是在来自父div的jquery事件中我想要分配一个类内在的div。 这就是结构的外观：

<div class="noUi-handle noUi-handle-lower">
    <div class="">
        <span></span>
    </div>
</div>

如何通过使用jquery调用父div来获取内部div和分配类的任何建议？

Answer 1

是的，你可以使用attr-elem选择器，如

$('.noUi-handle.noUi-handle-lower > div[class=""]').addClass('whatever');

Demo

如果你不想用jQuery添加类，只想要定位那些元素，那么只有CSS就足够了。

.noUi-handle.noUi-handle-lower > div[class=""] {
    /* Targets those div elements which has empty class attribute */
}

说明：选择器选择具有空div属性的所有class元素，这些元素是具有两个类的元素的直接子元素，即.noUi-handle和.noUi-handle-lower

Answer 2

试试.find。与$(this)结合使用时，它只会查找该事件的子元素。

function pizzaToppings() {
   $(this).find('div').addClass('mushrooms');
}

$('.noUi-handle').on('click', pizzaToppings);

FIDDLE