jqueryセレクタの結果を反復する方法

Question

クエリセレクタの結果を反復したい。

HTMLコード

<nav id="navigation"> 
     <a href="#" tabindex="1" class="active_nav">nav1</a> 
     <a href="#" tabindex="2">nav2</a> 
     <a href="#"tabindex="3">nav3</a> 
</nav> 

私はjavascriptの

alert($("#navigation >a")[0]); 

を使用したときの結果は、私はなぜ知らないタグ​​a href属性 です。

Answer 1

使用$.each

$("#navigation > a").each(function() { 

    console.log(this.href) 
}); 

---

$('#navigation > a')[0] 
    ^   ^---- Selects the 1st dom object from the jQuery object 
     |     that is nothing but the index of the element among 
     |     the list of elements 
     |------- Gives you children of nav(3 anchor tags in this case) which is a 
       jQuery object that contains the list of matched elements 

Answer 2

コンソールですべての結果を見ることができますので、代わりに

console.log($("#navigation >a")) 

を使用してみてください（CMDクロムで+ ALT + I）

Answer 3

jQueryでは、インデックスは[0]のように、あなたがDOM要素にアクセスしていることを意味します。だからこそ

$("#navigation >a")[0] 

返信<a>タグです。 jQueryのセレクタの結果を反復処理するために

、あなたはこのように、この反復のため、内蔵each()のjQueryを使用することができ、各

$("#navigation >a").each(function(index, elem){ 
}); 

Answer 4

使用：あなたはすべての<a>を反復処理したい場合は

$("#navigation>a").each(function(index){ 
    console.log("I am " + index + "th element."); 
    //and you can access this element by $(this) 
}); 

Answer 5

をタグを使用すると、各機能を使用できます。

$('#navigation >a').each(function() { 
    alert(this.href); 
}); 

あなたが欲しいものを出力

var element = $("#navigation>a").first(); 
console.log(element); 

Reference

Answer 6

）（.EQ使用し、最初の <a>タグを取得したいですか？