jquery - jQuery - 仅选择具有特定类父级的图像的属性值

Question

我有一个这样的列表：

<ul>
    <li><div class="thumb"><img src="image-1.jpg"></div></li>
    <li><div class="thumb"><img src="image-2.jpg"></div></li>
    <li><div class="thumb selected"><img src="image-3.jpg"></div></li>
</ul>

如何选择具有 class=“selected”的 div 父级的 img 的 src 属性？

Answer 1

获取当前src值：

var selectedSrc = $("div.selected img").attr("src")

要更改src：

$("div.selected img").attr("src", "someImage.jpg");

（请注意，选择器"div.selected img"返回该 div 中的所有图像，这对您来说没问题，因为只有一个。如果有多个，.attr("src")将仅返回src第一个，但.attr("src", "SomeImage.jpg")会全部更改。）

Answer 2

作为简洁答案的替代方法，可以选择img然后过滤：

$('img').filter(function() {
    return $(this).closest('div.selected').length;
}).attr('src');

但这并不是非常有效，正如jsPerf 所展示的那样。

参考：

• attr().
• filter().

Answer 3

$(".thumbselected").children("img").attr("src");

选择 Class .thumbselected，选择其子项img，获取src.