Wie man ein Ergebnis von jquery Selektor iteriert

Question

Ich möchte ein Ergebnis der Abfrage Selektor iterieren.

Html-Code

<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> 

wenn ich Javascript

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

das Ergebnis ist der Tag a href Attribut Ich weiß nicht, warum.

Answer 1

Verwenden $.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

Versuchen

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

stattdessen verwenden, so dass Sie alle Ergebnisse in der Konsole sehen (cmd + alt + i in Chrom)

Answer 3

In jQuery, wenn Sie verwenden Index wie [0], bedeutet dies, dass Sie auf das DOM-Element zugreifen. Deshalb

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

gibt <a> zurück. each() für diese Iteration wie folgt

Um ein jQuery-Selektor Ergebnis zu wiederholen, verwenden Sie jede

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

Answer 4

können Sie jQuery in-built verwenden:

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

Answer 5

Wenn Sie alle <a> iterieren wollen Tags können Sie jede Funktion verwenden

und wenn Sie wollen nur das erste <a> Tag dann verwenden .EQ()

alert($('#navigation >a').eq(0).attr('href'); 

Answer 6

Verwenden first() wie folgt erhalten:

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

Reference