获取包含图像的链接

Question

我有以下代码：

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

这给了我两个变量，其中包含'thumb'div ID中的所有图像和链接。

我需要的是一个数组，其中包含围绕图像标记的链接，如下所示：

<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');