應用CSS背景紅色後第二起李jQuery的

有李的數量動態附加我想第二個李應用CSS背景紅色後第二起李jQuery的

<ul> 

<li>hello </li> 
<li>hello </li> 
<li>hello </li> 
<li>hello </li> 
<li>hello </li> 

</ul> 


    $("ul li").after(3).css("background" , "red");

後應用CSS的底色，但它無法正常工作。任何幫助

來源

2014-03-26 Sudharsan S

嘗試

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

演示：Fiddle

或使用jQuery

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

演示：Fiddle

來源

2014-03-26 11:45:45

感謝工作正常 –

阿倫 - 你的CSS答案是好的，但我問jquery只有現在我有另一個問題使用GT是最好的或切片是最好的 –

@sudhar切片更好，從[：gt-doc]（ http://api.jquery.com/gt-selector/） - '因爲：gt（）是一個jQuery擴展，而不是CSS規範的一部分，使用：gt（）的查詢不能充分利用本地DOM querySelectorAll（）方法。爲了在現代瀏覽器中獲得更好的性能，請使用$（「your-pure-css-selector」）。slice（index）來代替。 –

您可以使用:gt()

Live Demo

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

來源

2014-03-26 11:45:27 Adil

謝謝工作正常 –

不客氣。 – Adil

可以使用:gt(2)

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

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

來源

2014-03-26 11:45:30

感謝工作正常 –

我的想法是將另一個類添加到動態創建的鋰 - 硫和應用background: red css到那個類。所以，任何動態創建的li-s都會有背景紅色的css。你不必在那裏給號碼。

來源

2014-03-26 11:49:13

應用CSS背景紅色後第二起李jQuery的

回答

相關問題