jQuery 为某些元素添加类

Question

我有一个像这样的多级菜单:

<ul>
  <li>item 1
    <ul>
      <li>item 1.1</li>
      <li>item 1.2</li>
    </ul>
  </li>
  <li>item 2</li>
  <li>item 3
    <ul>
      <li>item 3.1</li>
      <li>item 3.2</li>
    </ul>
  </li>
  <li>item 4</li>
</ul>

在 jQuery 中我有

$("#divId ul li:odd").addClass("blue");
$("#divId ul li:even").addClass("green");

问题是 jQuery 将类添加到所有列表中。 我希望 jQuery 将类添加到第一级 (ul > li.class)，而不是内部子级 (ul > li > ul > li.class)

谢谢

Answer 1

这应该有效:

$("#divId ul:first > li:odd").addClass("blue"); 
$("#divId ul:first > li:even").addClass("green"); 

它将把类添加到 divId 中找到的第一个 ul 标记的子级中。