javascript - 获取包含图像的链接

Question

我有以下代码：

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

这给了我两个变量，其中包含“thumbs”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');