jquery - $（“ img”）[0]が機能しないのはなぜですか？

Question

コード：

<img src="image1.jpg" alt="This is 1 test.">

<img src="image2.jpg" alt="This is 2 test">

jqueryコード：

 alert($('img')[0].attr('alt'));

なぜポップアップボックスがないのか、This is 1 test.

Answer 1

あなたはおそらくeqこれに使用したいと思うでしょう：

 alert($('img').eq(0).attr('alt'));

Answer 2

あなたの質問に直接答えるには：

[0]セレクターのネイティブDOM要素を返すため、機能しません。この要素には、というメソッドがありません.attr()。を使用する必要があります。これは.eq(index)、基本的に、でindex表される要素の'番目の要素を抽出し$()ます。配列自体ではなく、配列のような$()オブジェクトを返すことに注意してください（したがって、そのままでは機能しません）[0]

Answer 3

$("img")[0]生のDOM要素を返します。DOM要素をラップするjQueryオブジェクトが必要です。

$("img").eq(0)jQueryオブジェクトを取得するために使用します。

Answer 4

$('img')[0]jqueryオブジェクトではなくHTMLElementオブジェクトを返すため、メソッドはありません.attr。あなたがそれを使いたいならば、あなたはするべきです$('img')[0].getAttribute('alt')。

または、jqueryオブジェクトが必要な場合は、を使用できます$('img').first().attr('alt')。