2012-01-12 6 views
2

私には<div>があり、そのdivにはいくつかの<a>タグがあります。 jQueryでは、最初の4つの<a>タグを表示したいと思います。jQueryで最初の4人の子供を表示

私は、次のコードを使用していることを管理している:IE *以降:nth-of-type()コードをサポートしていません。

$('div.gallery-hor.read-more a:nth-of-type(-1n+4)').show(); 

あり一つの問題です。

jQueryのは、この問題クロスブラウザを修正するための幅の回避策はありますか?

+0

あなたは[ ':n番目の-child']をしてみました(http://api.jquery.com/nth-child-selector/)の代わりに? – diceler

+1

http://stackoverflow.com/questions/1865552/selecting-the-first-n-items-with-jquery –

+0

@Dandroid、AFAIK、ie7はサポートしていません:nth-​​child – Johan

答えて

8

http://docs.jquery.com/Selectors/lt#index

$('div.gallery-hor.read-more a:lt(4)').show(); 
+0

+1正確に! ':lt()'の "_lt_"は "_less than_"の略です。 – Tadeck

+1

jQueryのため '状態:LT()は、jQueryの拡張はなく、CSS仕様の一部であるクエリが使用:LT()をネイティブDOM querySelectorAll()メソッドによって提供されるパフォーマンスの向上の利点を取ることができません。現代のブラウザでより良いパフォーマンスを得るには、代わりに$( "your-pure-css-selector")スライス(0、インデックス)を使用してください。 –

3

あなただけではなく、最初の4つを選択するためのsliceを使用することができますが、任意のインデックス(最後)に任意のインデックス(開始)から選択することができます。 EXAMPLE

$('div.gallery-hor.read-more a').slice(0,4).show(); 

documentation

+0

これは ':lt()'よりはるかに優れたパフォーマンスです。 –

関連する問題