在第二个li之后应用css背景红色jquery

Question

有动态追加的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");

但它不起作用。任何帮助

Answer 1

尝试

ul li:nth-child(n + 3){
    background: red;
}

演示：Fiddle

或使用jQuery

$("ul li").slice(2).css("background" , "red");

演示：Fiddle

Answer 2

您可以使用:gt()

<强> Live Demo

 $("ul li:gt(2)").css("background" , "red");

Answer 3

您可以使用:gt(2)

$("ul li:gt(2)").css("background" , "red");

----> https://api.jquery.com/gt-selector/

Answer 4

我的想法是为动态创建的li-s添加另一个类，并将background: red css应用于该类。因此，任何动态创建的li-s都将具有背景红色css。你不必在那里给一个号码。