jQuery选择图像的父级a

Question

我正在尝试选择锚标记并添加目标属性。当它包含在具有类大小缩略图的图像中时。任何人都知道为什么这不起作用？

<a href="example"><img class="size-thumbnail" src="example"></a>

jquery的

$('.size-thumbnail:parent').attr('target','_blank');

Answer 1

试试这个：

$('a').has('img.size-thumbnail').attr('target','_blank'); 

或

$('a.has(img.size-thumbnail)').attr('target','_blank'); 

Answer 2

向后具有:parent的含义 - 它选择是父项的元素，而不是所选元素的父元素。试试这个：

$('.size-thumbnail').parent().attr('target','_blank');

Answer 3

使用.parent()遍历Dom树

示例：

var Link = $("img.size-thumbnail").parent();

然后在attr变量上应用Link等方法，如下所示：

var Link = $("img.size-thumbnail").parent();
Link.attr("target","_blank");

Answer 4

这里的所有答案看起来都不错，但你可以反过来做：

$('a:has(.size-thumbnail)').attr("target","_blank");

你可以这样做，因为嵌套的锚标签无效;）因此图像始终是锚中的子节点而不是多个锚。

Answer 5

这不是:parent的工作方式。

:parent表示选择其他元素的父元素。

你需要

$('.size-thumbnail').parent().attr('target','_blank');