HTML5 <nav>タグ

Question

マークアップの下にあるすべてのアイテム取得する方法：

jQueryの：：次のように取得しようとし

<nav id="gallery"> 
    <a><img src="images/ThumbImages/thumb_1.jpg" id="1"/></a> 
    <a><img src="images/ThumbImages/thumb_2.jpg" id="2" /></a> 
    <a><img src="images/ThumbImages/thumb_3.jpg" id="3"/></a> 
    <a><img src="images/ThumbImages/thumb_4.jpg" id="4"/></a> 
    <a><img src="images/ThumbImages/thumb_5.jpg" id="5"/></a> 
    <a><img src="images/ThumbImages/thumb_6.jpg" id="6"/></a> 
    <a><img src="images/ThumbImages/thumb_7.jpg" id="7"/></a> 
    <a><img src="images/ThumbImages/thumb_8.jpg" id="8"/></a> 
    <a><img src="images/ThumbImages/thumb_9.jpg" id="9"/></a> 
    <a><img src="images/ThumbImages/thumb_10.jpg" id="10"/></a> 
</nav> 

を

var elem = $("#gallery"); 

しかし、それはと言うデバッグ中全体の長さは1です。

elemですべての画像を取得するにはどうすればよいですか？次のコードで

Answer 1

：あなたは具体的には、子供たちの#galleryノード自体を聞かないので

var elemImgs = $("#gallery img"); 

$('#gallery')はわずか1の長さを有しています。で

Answer 2

：

var elem = $("#gallery img"); 

は、ID galleryであなたの要素内のすべての画像が得られます。

---

また、すべての画像を反復処理するためにeach()を使用することができます：あなたは:)

Answer 3

$("nav#gallery a").each(function(){ 
    // anchor text 
    console.log($(this).text()); 
    // image src 
    console.log($(this).find('img').attr('src')); 
}); 

をしたい場合は

elem.each(function(){ 
    // do something with each image 
}); 

---

は、セレクタの詳細については、look at documentationを持っています