2011-12-16 12 views
0

浮動小数点数のdivがあり、jqueryで3番目を選択したいと思います。 また、各3要素の後、私は自分のhtmlにhrタグを持ち、このhrもnth-child数のjqueryに含まれています。 divのみを選択し、htmlに挿入された他の要素を除外できますか?jQuery nth-child他の要素を除外

これは

$('.col:nth-child(3n)').addClass('third'); 

ありがとう私のコードです!あなたは、セレクタを使用したい場合は、あなたがたが:eqセレクタを使用することができることを

$(".col").eq(2); //Selects the 3rd element with class col 

注:.col要素を想定し

+0

あなたがpoをしてくださいすることができますあなたが使っているHTMLは? –

+0

:)私は下のヘルプで、あなたにとにかく感謝します!素晴らしいコミュニティ! –

答えて

1

試してみてください。

$('div.col:nth-of-type(3n)').addClass('third'); 

http://jsfiddle.net/WntR5/

そして< = IE8(残念ながらオールウェイズなど)のための

$('div.col').each(function (idx, el) { 
    if ((idx + 1) % 3 === 0) { 
    $(el).addClass('third'); 
    } 
}); 

http://jsfiddle.net/WntR5/2/

+0

ありがとうございます。以下のユーザーは、これが.eq(2)でも動作することができると言いましたが、最初のhrタグまで動作するので、あなたのソリューションは今私にとって最高です!ありがとう! –

+0

これはうまくいきますが、CSS nthセレクターがIE8以下で動作しないため、このクラスをIEに追加することが主な考えです。これはまた....どんな理想でも動作していないように見えますか? –

+0

@FlorescuAdrian Mhm、jQueryはcss3擬似クラスをサポートしていないブラウザでもjQueryをシミュレートすることを望んでいました。そうではないようです;)私は唯一の解決策は、要素のイテレータになると思います。私はまもなく例を挙げます。 (コードが追加されました、見てください) – Yoshi

1

は、あなたの代わりにnth-child.eq方法を必要とする、選択したいdiv要素であり、上記の方法はより高速です。

:nth-childの問題は、セレクタと一致する場合、指定された要素を返すことです。

1
$('div.col').eq(2).addClass('third'); 
関連する問題