2011-02-01 12 views
0

シンプルなjQueryのクラス配列

document.getElementsByClassName("myClass")[2] 

はjQueryのでクラスmyClass

の第三要素を選択し、

$('.myClass') 

は、クラスmyClassを取得しますが、どのように私は3番目の要素を取得することができます?!

答えて

4

あなたは:eq() selectorを探している:あなたが代わりにjQueryの要素のDOM要素をしたい場合

$('.myClass:eq(2)') 
+0

甘いおかげで仲間を! –

2

代わりの$('.myClass:eq(2)')あなたも、$('.myClass').eq(2)を使用したりすることができ、$('.myClass').get(2)

+0

jqueryとdom要素の違いは何ですか?彼らは同じものではありませんか? –

+0

いいえ、DOMオブジェクトは、 document.getElementByIdによって返されたもので、通常はホストオブジェクトです(たとえば、未定義のプロパティを読み込むと例外がスローされる可能性があります)。少なくともIEではそれらを頻繁に実行します。危険です)。 jQueryオブジェクトは、1つ以上のDOMオブジェクトとメタデータ(リストを生成するために使用したセレクタなど)を含む純粋なJavaScriptオブジェクトです。 – ThiefMaster

+0

DOMの優れた例jqueryは要素のIDを取得しています。 jQueryオブジェクト(単一のDOMオブジェクトを含む)を使用すると、 'obj.attr( 'id')'または 'obj [0] .id'([]添字演算子は含まれているDOMオブジェクトを返します)。 DOMオブジェクトを使って 'obj.id'を使います。 – ThiefMaster