Hrefを取得して配列jQueryに格納

Question

それぞれの最初のYouTube動画を取得してjQueryを使用して配列に格納するにはどうすればよいですか？

HTML：

<div id="one"> 
    <ul class="thumbs"> 
     <li><a href="http://www.youtube.com/watch?v=-dzpkn29_vY"></a></li> 
     <li><a href="http://www.youtube.com/watch?v=xFCRMonf7lI"></a></li> 
    </ul> 
</div> 
<div id="two"> 
    <ul class="thumbs"> 
     <li><a href="http://www.youtube.com/watch?v=UBTUAHGpQqE"></a></li> 
     <li><a href="http://www.youtube.com/watch?v=mTkPfjSXFpo"></a></li> 
    </ul> 
</div> 

私はリンクを得ることはようなものになるだろうと思う：

$('.thumbs li:first-child').attr("href"); 

しかし、どのように私はそれらの両方を取得し、配列にそれらを格納できますか？

Answer 1

var arr = $('.thumbs > li:first-child > a').map(function() { 
    return this.href; 
}).toArray(); 

Answer 2

var arr = []; 
$('#one, #two').find('.thumbs').each(function (index, element) { 
    arr[arr.length] = $(this).find('a[href^="http://www.youtube.com/watch?v="]').eq(0).attr('href'); 
}); 

検索のこのタイプを使用してのボーナスはユーチューブへのリンクだけの要素がアレイに追加されることです。

arr配列は次のようになります：#oneと#two要素で始まる

["http://www.youtube.com/watch?v=-dzpkn29_vY", "http://www.youtube.com/watch?v=UBTUAHGpQqE"] 

注意

は（あなたが .thumbsで始めることができます）しかし、これは中に（それらの要素のみに検索を制限必要はありませんDOM内に他の .thumbs要素がある場合）。

ここはデモです：http://jsfiddle.net/fDQ2v/