Javascript 对单独的ul标记使用JQuery奇数选择器

我使用JQuery代码段为具有奇数索引的li标记添加类名

<div class="test">

  <ul class="list1">
      <li>one</li>
      <li>two</li>
      <li>three</li>
      <li>four</li>
      <li>five</li>
  </ul>

  <ul class="list2">
      <li>one</li>
      <li>two</li>
      <li>three</li>
      <li>four</li>
  </ul>

</div>

此代码段将“red”类添加到“list1”的第一、第三、第五个li标记和“list2”的第二、第四个li标记中，因为它将所有li标记作为一个列表，然后选择奇数索引

但是我想要list1和list2的奇数索引，分别是'list1'的第一、第三、第五个li标记和'list2'的第一、第三个li标记

如何实现这一点？

改用：n个childodd伪类：

$function{ $“按钮”。单击功能{ $'.test li:n个childodd'.addClass'red'； }; }; 瑞德先生{ 颜色：红色； } 一 二 三 四 五 一 二 三 四 按me改用：n个childodd伪类：

$function{ $“按钮”。单击功能{ $'.test li:n个childodd'.addClass'red'； }; }; 瑞德先生{ 颜色：红色； } 一 二 三 四 五 一 二 三 四 按mejQuery's:odd选择器计算元素在文档中的顺序。基本上，$selector中的顺序是：

选定的元素按其在文档中的外观顺序排列

您将需要使用

$'.test li:n个childodd'.addClass'red'； $'.test li:odd'.addClass'underline'； 瑞德先生{ 背景：红色； } .下划线{ 文字装饰：下划线； } 一 二 三 四 五 一 二 三 四 jQuery的：奇数选择器计算元素在文档中的顺序。基本上，$selector中的顺序是：

选定的元素按其在文档中的外观顺序排列

您将需要使用

$'.test li:n个childodd'.addClass'red'； $'.test li:odd'.addClass'underline'； 瑞德先生{ 背景：红色； } .下划线{ 文字装饰：下划线； } 一 二 三 四 五 一 二 三 四

---

只是为了提供一个替代方案；不用JavaScript，您就可以轻松做到这一点

李：第N个孩子{ 背景色：红色； } 一 二 三 四 五 一 二 三 四

---

只是为了提供一个替代方案；不用JavaScript，您就可以轻松做到这一点

李：第N个孩子{ 背景色：红色； } 一 二 三 四 五 一 二 三 四

---

您是使用任何循环静态还是动态显示数据？@Priyank动态。给我您的代码您是使用任何循环静态还是动态显示数据？@Priyank动态。给我您的代码

$('.test li:odd').addClass('red');