从div中选择一个特定的img元素

Question

我有一个div元素，里面有多个img元素。我想从中选择一个特定的img，用类名“active”标记，然后获取该特定图像的html值。其余的图像都有epmty类。

<div class="images">
  <img src="src1" class>
  <img src="src2" class="active">
  <img src="src3" class>
</div>

当我用$(".images").html()选择外部类时，我得到一个包含所有3个内部图像的字符串。但是当我尝试这样做$(".images.active").html()时，我只会返回一个未定义的。为什么它第一次工作而不是第二次工作？如何只选择标记为活动的元素？

Answer 1

选择器应为

$(".images .active")

这里是a demo fiddle

Answer 2

将其更改为：

$(".images .active").attr('src');

您需要在类之间留一个空格来选择后代元素，否则您要告诉它要查找包含这两个类的元素。此外，图像元素必须具有.html（）值;你可能想要src属性。