jquery - 如何减少 "each"步骤？

Question

这是我的code :

<div class="parent">
    <div class="child">&nbsp;</div>            
    <div class="child">&nbsp;</div>
    <div class="child">&nbsp;</div>
    <div class="child">&nbsp;</div>    
</div>

<div class="parent">
    <div class="child">&nbsp;</div>            
    <div class="child">&nbsp;</div>
    <div class="child">&nbsp;</div>
</div>

$('.child').each(function() {
    $(this).parent().addClass('childParent');
    console.log("step");
});?

但正如你所看到的，它addClass 7次，这是没有必要的。是否可以减少每一步？事实上，在这个例子中，只需两次 addClass 就足够了。

Answer 1

是:只需在集合上调用 .parent() 即可。 jQuery 集合中的元素不会重复

$('.child').parent().addClass('childParent');