将css背景红色应用于第二个li之后的jquery
有很多li动态附加,我想在第二个li后应用css返回将css背景红色应用于第二个li之后的jquery,jquery,html,Jquery,Html,有很多li动态附加,我想在第二个li后应用css返回 <ul> <li>hello </li> <li>hello </li> <li>hello </li> <li>hello </li> <li>hello </li> </ul> $("ul li").after(3).css("background" , "red");
<ul>
<li>hello </li>
<li>hello </li>
<li>hello </li>
<li>hello </li>
<li>hello </li>
</ul>
$("ul li").after(3).css("background" , "red");
- 你好
- 你好
- 你好
- 你好
- 你好
$(“ul li”)。在(3)之后加上css(“背景”、“红色”);
但它不起作用。您可以使用的任何帮助
$("ul li:gt(2)").css("background" , "red");
你可以用
$("ul li:gt(2)").css("background" , "red");
您可以使用:gt(2)
--->
您可以使用:gt(2)
--->
试试看
ul li:nth-child(n + 3){
background: red;
}
演示:
或者使用jQuery
$("ul li").slice(2).css("background" , "red");
演示:试试看
ul li:nth-child(n + 3){
background: red;
}
演示:
或者使用jQuery
$("ul li").slice(2).css("background" , "red");
演示:我的想法是向动态创建的li-s添加另一个类,并将
background:red
css应用于该类。因此,任何动态创建的li-s都将具有红色css背景。您不必在那里给出数字。我的想法是向动态创建的li-s添加另一个类,并将background:red
css应用于该类。因此,任何动态创建的li-s都将具有红色css背景。你不必在那里给出数字。Arun-你的css答案很好,但有人问我jquery,现在我有另一个问题,使用gt是最好的还是slice是最好的best@sudharslice更好,from-,因为:gt()是jQuery扩展,而不是CSS规范的一部分,使用:gt()进行查询无法利用本机DOM querySelectorAll()方法提供的性能提升。为了在现代浏览器中获得更好的性能,请改用$(“您的纯css选择器”).slice(索引)。
Arun-您的css答案很好,但有人问我jquery,现在我得到了另一个问题:使用gt是最好的还是slice是最好的best@sudharslice更好,from-,因为:gt()是jQuery扩展,而不是CSS规范的一部分,使用:gt()的查询无法利用本机DOM querySelectorAll()方法提供的性能提升。为了在现代浏览器中获得更好的性能,请改用$(“您的纯css选择器”).slice(索引)。