为JQuery中每个父类的第一个元素添加类

Question

我想添加一个类"我的班级要加上"；对于每个"；第一个"；该类中的元素"；菜单项具有子项"；具有"；ul"；

我用这个试过了，但只添加了类的第二个菜单。谢谢你的帮助。

<script>
jQuery(document).ready(function ($) {
$('.nav-menu .menu-item-has-children ul:eq(1)').each(function() {
$(this).addClass('my-class-to-add');
});
});
</script>

Answer 1

看不到HTML会让这件事变得更难，但也许

$(function() {
$('.nav-menu .menu-item-has-children').each(function() {
$('ul:eq(0)',this).addClass('my-class-to-add');
})
});

.my-class-to-add {
color: red
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="nav-menu">
<div class="menu-item-has-children">
<ul>
<li>First</li>
</ul>
<ul>
<li>second</li>
</ul>
</div>
<div class="menu-item-has-children">
<ul>
<li>First</li>
</ul>
<ul>
<li>second</li>
</ul>
</div>
</div>