Getting the source of a specific image element with jQuery

Question

I have many image elements and want to get a specific image's source where the alternative text is "example".

I tried this:

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

but I can't get the one I need with that.

How do I select a specific image element based on its alternative text?

Answer 1

To select and element where you know only the attribute value you can use the below jQuery script

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

Please refer the jQuery Documentation for attribute equals selectors

Please also refer to the example in Demo

Following is the code incase you are not able to access the 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 ); 

Output will be

Two Alert messages each having values

1. source of image with alternate text = example - \images\show.jpg
2. source of image with alternate text = exampleAll - \images\showAll.jpg

Answer 2

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

This will display src attributes of all images of class 'conversation_img' with alt='example'