Jak iterować wynik selektora jquery

Question

Chcę iterować wynik selektora kwerendy.

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

kiedy używać javascript

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

wynik jest znacznik a href atrybut nie wiem dlaczego.

Answer 1

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

Spróbuj użyć

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

zamiast, więc można zobaczyć wszystkie wyniki w konsoli (CMD + Alt + I w chromie)

Answer 3

W jQuery, gdy używasz indeks taki jak [0], oznacza to, że uzyskujesz dostęp do elementu DOM. Z tego powodu

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

zwraca znacznik .

Aby iteracyjne wynik selektor jQuery użyć każdy

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

Answer 4

Można użyć jQuery wbudowanej each() dla tej iteracji jak ten:

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

Answer 5

Jeśli chcesz iteracyjne wszystkie <a> tagi, możesz użyć każdej z funkcji: i jeśli chcesz, możesz użyć każdej z nich. chcesz tylko dostać pierwszą <a> tag następnie użyć .eq()

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

Answer 6

Korzystając first() tak:

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

Reference