javascript - 画像を含むリンクを取得する

Question

次のコードがあります。

var thumbs = $("#thumbs img");
var links = $("#thumbs a");

これにより、「thumbs」div ID 内のすべての画像とリンクを含む 2 つの変数が得られます。

私が必要とするのは、次のように画像タグをラップしたリンクを含む配列です。

<a href="www.google.com"><img src="image1.gif"></a>

これは、'thumbs' div 内のコードの外観です。.children()メソッドを使用する必要がありますか？もしそうなら、私に例を示してください。

ありがとう！

Answer 1

あなたの正確なニーズは明確ではありませんが、あなたが望んでいるようです

$("#thumbs a > img"); // images wrapped directly in links

また

$("#thumbs a:has(img)"); // the links around the images

Answer 2

試す：

$('#thumbs a img').map(function() {
   return $(this).parents('a').attr('href');
}).get();

Answer 3

最も近い関数を使用して、選択したものから「戻る」ことができます。

最初に、アンカーの直接の兄弟 (中間タグなし) であるすべての img タグを見つけてから、アンカーに戻ります。

$("#thumbs a > img").closest('a');