jquery - 使用 jQuery 获取特定图像元素的来源

Question

我有很多图像元素，想要获取特定图像的源，其中替代文本是“example”。

我尝试过这个:

var src = $('.conversation_img').attr('src');

但我无法得到我需要的那个。

如何根据替代文本选择特定图像元素？

Answer 1

要选择只知道属性值的元素，可以使用下面的 jQuery 脚本

var src = $('.conversation_img[alt="example"]').attr('src');

请引用jQuery Documentation对于属性等于选择器

另请参阅 Demo 中的示例

以下是代码，以防您无法访问演示。

HTML

<div>
    <img alt="example" src="\images\show.jpg" />
    <img  alt="exampleAll" src="\images\showAll.jpg" />  

</div>

脚本 JQUERY

var src = $('img[alt="example"]').attr('src');
alert("source of image with alternate text = example - " + src);


var srcAll = $('img[alt="exampleAll"]').attr('src');
alert("source of image with alternate text = exampleAll - " + srcAll );

输出将是

两条警报消息，各有值

1. 带有替代文本的图像来源 = 示例 -\images\show.jpg
2. 带有替代文本的图像来源 = exampleAll -\images\showAll.jpg