Jquery条纹行

Question

我有这个脚本：

$(function(){

  $(".submenu li:even").addClass("oddrow");

});

效果很好 - 但它继续在所有子菜单中划线......

我如何包含它，所以它在每个子菜单的开头再次开始

Answer 1

您可以使用context来限制选择（我想您有各种<ul>包含您的<li>），以便您遍历<ul>，然后选择只有<li>

的偶数<ul>

$(function(){
   $(".submenu ul").each(function(){
       //provide a context so that it select only `<li>` that are 
       //descendant of that `<ul>` `this` is the current `<ul>`
       $("li:even", this).addClass("oddrow");
   });
});