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>

SCRIPT 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 );

输出

两条警报消息，每条消息都有值

具有替代文字的图像来源=示例 - \ images \ show.jpg
备用文字的图像来源= exampleAll - \图像\ showAll.jpg

Answer 2

$('img.conversation_img[alt="example"]')
    .each(function(){
         alert($(this).attr('src'))
    });

这将显示类'conversation_img'的所有图像的src属性，其中alt ='example'

Answer 3

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

如果您有多个匹配元素，则只返回第一个匹配元素。

Answer 4

如果您不特别需要图像的替代文字，那么您只需定位图像的类/ ID。

$('img.propImg').each(function(){ //for each loop that gets all the images. 
        if($(this).attr('src') == "img/{{images}}") { // if the src matches this
        $(this).css("display", "none") // hide the image.
    }
});

我知道它并没有完全回答这个问题，虽然我花了很多时间试图解决这个问题但这个问题给了我解决方案:)。在我的情况下，我需要隐藏任何具有特定src的图像标记。

Server DM_Server = new Server();
Database AS_Database = new Database();
DM_Server.Connect(//SQL Analysis Server Connection String);
AS_Database = DM_Server.Databases[//Database name];

使用jQuery获取特定图像元素的源代码

4 个答案: