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

User · Answer

If you do not specifically need the alt text of an image, then you can just target the class/id of the image.

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

I know it’s not quite answering the question, though I’d spent ages trying to figure this out and this question gave me the solution :). In my case I needed to hide any image tags with a specific 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.
    }
});

User · Answer

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

User · Answer

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    lt div gt       lt img alt  example  src   images show jpg    gt       lt img  alt  exampleAll  src   images showAll jpg    gt      lt  div gt    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    source of image with alternate text   example -  images show jpg source of image with alternate text   exampleAll -  images showAll jpg

User · Answer

var src      img conversation img alt  example     attr  src      If you have multiple matching elements only the src of the first one will be returned

[jquery] Getting the source of a specific image element with jQuery

Examples related to jquery

Examples related to jquery-selectors