使用jQuery访问父div的图像元素

Question

我确信我之前已经这样做了，但这次不知道怎么回事。我有以下标记。

<div>
<p id="child">Nothing important here</p>
<img src="someimage.png">
</div> 

挑战在于，我只有孩子＆＃39; id和使用我想添加一个类＆＃39;隐藏＆＃39;到图片标签。

我试过了，

var parent = $('#child').parent();
$(parent +' img').addClass('hidden');

但这不起作用。请帮助纠正我的代码。谢谢！

Answer 1

您可以使用find()方法或设置context as the second argument in jQuery。

parent.find('img').addClass('hidden');

// or
$('img', parent).addClass('hidden');

仅供参考：在您的代码中parent +' img'结果[object Object] img，因为parent是一个jQuery对象，因此不会选择任何元素。

获取元素的其他替代方法，

1. 使用jQuery siblings()方法：$('#child').siblings('img').addClass('hidden');
2. 使用next adjuscent sibling selector：$('#child + img').addClass('hidden');