我想在我的网站的每个ul容器中将“绿色”添加到第五个li.hr。
$("ul li.hr").each(function() {
if ($(this).length = 5) {
$(this).addClass("green");
}
});
PS：如果它可能只用CSS，告诉我怎么样。
请注意，ul具有混合元素，如：
<li class="a">foo</li> <li class="b">foo</li> <li class="hr">foo</li> <li class="c">foo</li> <li class="a">foo</li> <li class="hr">foo</li>
我需要第五个li.hr.
解决方法
您可以在纯CSS中执行此操作：
/* set rule: select every li.hr element after the 4th */
ul > li.hr ~ li.hr ~ li.hr ~ li.hr ~ li.hr {
color: green;
}
/* unset rule: select every li.hr element after the 5th */
ul > li.hr ~ li.hr ~ li.hr ~ li.hr ~ li.hr ~ li.hr {
/* reverse the rules set in the prevIoUs block here */
color: black;
}
警告：IE6不支持〜选择器。一切工作正常