Lấy nguồn của một phần tử hình ảnh cụ thể bằng jQuery

Question

Tôi có nhiều yếu tố hình ảnh và muốn nhận nguồn hình ảnh cụ thể nơi văn bản thay thế là "ví dụ".

Tôi cố gắng này:

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

nhưng tôi không thể có được người tôi cần với điều đó.

Làm cách nào để chọn một yếu tố hình ảnh cụ thể dựa trên văn bản thay thế của nó?

Answer 1

Để chọn và yếu tố mà bạn chỉ biết giá trị thuộc tính bạn có thể sử dụng dưới đây jQuery script

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

Vui lòng tham khảo các jQuery Documentation cho thuộc tính bằng selectors

Hãy cũng tham khảo ví dụ trong Demo

Sau đây là trường hợp mã bạn không thể truy cập bản trình diễn ..

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

Output sẽ

Hai thông điệp cảnh báo từng có giá trị

1. nên urce của hình ảnh với văn bản thay thế = dụ - \ images \ show.jpg
2. nguồn gốc của hình ảnh với văn bản thay thế = exampleAll - \ images \ showAll.jpg

Answer 2

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

Nếu bạn có nhiều thành phần phù hợp, chỉ src của giá trị đầu tiên sẽ được trả lại.

Answer 3

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

này sẽ hiển thị các thuộc tính src của tất cả hình ảnh của lớp 'conversation_img' với alt = 'example'

Answer 4

Nếu bạn không cần văn bản thay thế của hình ảnh, thì bạn chỉ có thể nhắm mục tiêu lớp/id của hình ảnh.

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

Tôi biết nó không trả lời câu hỏi, mặc dù tôi đã dành tuổi để cố gắng tìm ra câu hỏi này và câu hỏi này đã cho tôi giải pháp :). Trong trường hợp của tôi, tôi cần phải ẩn bất kỳ thẻ hình ảnh nào với một src cụ thể.

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