在jQuery中通過父div類在父div中找到div

Question

我有兩個div的情況，一個父div具有適當的類，而另一個div卻沒有任何類，但是在父div的jquery事件中，我想將一個類分配給內部div。 這是結構的外觀：

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

任何建議如何進入內部div並通過使用jquery調用父div來分配類？

Answer 1

是的，您可以使用attr-elem選擇器

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

演示版

如果您不想使用jQuery添加類，而只想定位這些元素，那么CSS就是不夠的。

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

說明：選擇器選擇所有具有空class屬性的div元素，這些元素直接是具有兩個類的元素的子元素，即.noUi-handle和.noUi-handle-lower

Answer 2

嘗試.find 。 與$(this)一起，它將僅在該事件上查找子元素。

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

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

小提琴