獲取特定的圖像元素的來源與jQuery

Question

我有很多的圖像元素，並希望得到特定圖像的源，其中替代文本「榜樣」。

我嘗試這樣做：

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

，但我不能讓一個我需要這一點。

我如何選擇特定的圖像元素基於它的替代文本？

Answer 1

要選擇和元素，用戶只知道屬性值可以使用下面的jQuery腳本

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

請參考jQuery Documentation的屬性等於選擇

請同時參閱該示例中Demo

以下是代碼incase您無法訪問演示..

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

輸出將被

兩個警報消息每一個都具有值

1. 所以用替代文本=示例圖像的urce - 圖像與替代文本= exampleAll \圖像\ show.jpg
2. 源 - \圖像\ showAll.jpg

Answer 2

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

如果您有多個匹配元素，只會返回第一個元素的src。

Answer 3

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

這將顯示所有的SRC屬性類「conversation_img」與ALT =「示例」

Answer 4

如果沒有特別需要的圖像的替代文字的圖片，那麼你可以只針對圖像的類/ ID。

$('img.propImg').each(function(){ 
    enter code here 
} 

我知道這並不完全回答這個問題，但我已經花了年齡試圖弄清楚了這一點，這個問題給我的解決方案:)。在我的情況下，我需要隱藏任何具有特定src的圖像標籤。

$('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. 
    } 
});