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

Posted 2023-05-08

【中文标题】为 JQuery 中每个父类的第一个元素添加类

【英文标题】：Add classes for the first element on each parent class in JQuery

【发布时间】：2021-08-30 03:13:00

【问题描述】：

我想为这个“menu-item-has-children”类中带有“ul”的每个“FIRST”元素添加一个类“my-class-to-add”。

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

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

【问题讨论】：

请发布您的尝试minimal reproducible example，使用[<>] sn-p 编辑器记录输入和预期输出。

api.jquery.com/first-child-selector

这能回答你的问题吗？ How to select first child with jQuery?

【参考方案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>