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

我有这样一份清单：

<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>

---

如何选择div父级为class=“selected”？

的img的src属性以获取当前的

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”）

将更改所有图像。）

要获取当前的

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”）

将更改所有图像。）

除了简洁的答案之外，还可以选择

img

，然后过滤：

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

但总体而言，这并不是非常有效

参考资料：

---

除了简洁的答案之外，还可以选择

img

，然后过滤：

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

但总体而言，这并不是非常有效

参考资料：

选择类

.thumbselected

，选择其子类

img

，获取

src

---

选择类

.thumbselected

，选择它的子类

img

，获取

src

类

thumbselected

@DavidThomas哦，我没有注意到，对不起，我的错。哦，没问题；我不打算否决投票或其他任何事情；只是指出而已。=）类

thumbselected

@DavidThomas中没有元素哦，我没有注意到，对不起，我的错。哦，没问题；我不打算否决投票或其他任何事情；只是指出而已。=）