Obtenir le code source d'une image spécifique de l'élément avec jQuery

J'ai de nombreux éléments de l'image et que vous souhaitez obtenir une image précise de la source où le texte alternatif est "exemple".

J'ai essayé ceci:

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

mais je ne peux pas le seul j'ai besoin de avec qui.

Comment puis-je sélectionner un élément d'image basé sur son texte alternatif?

  • Aucun message d'erreur que vous avez reçu.?
  • aucune im obtenir le premier élément, je ne sais pas position de l'élément de je ne sais alt text
  • Travail ici l'homme de la démo 🙂 - jsfiddle.net/yL5cf/1
InformationsquelleAutor Irakli Lekishvili | 2012-05-15
  1. 55

    Pour sélectionner l'élément et où vous ne connaissez que la valeur de l'attribut, vous pouvez utiliser la sous script jQuery 

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

    Veuillez consulter le jQuery Documentation pour l'attribut est égal sélecteurs

    Veuillez également vous référer à l'exemple de la Démo

    Voici le code au cas où vous n'êtes pas en mesure d'accéder à la démo..

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

    Sortie sera

    Deux messages d'Alerte, chacun ayant des valeurs

    1. source de l'image avec un texte de remplacement = exemple - \images\show.jpg
    2. source de l'image avec un texte de remplacement = exampleAll -
      \images\showAll.jpg
    • il se doit cette bro: var src = $('img.conversation_img[alt="example"]').attr('src'); parce que les guillemets à l'intérieur des guillemets simples ne fonctionnera pas, cheerios!
    • vous n'êtes pas échapper example et il y a une erreur se produit
    • il est changé, mon ami donner au moins une seconde pour modifier la réponse...
    InformationsquelleAutor Murtaza
  2. 7
    $('img.conversation_img[alt="example"]')
    .each(function(){
         alert($(this).attr('src'))
    });

    Cela permettra d'afficher les attributs src de toutes les images de la catégorie 'conversation_img' alt='exemple'

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

    Si vous avez plusieurs éléments correspondants seulement la src de la première sera retourné.

    • À seulement quelques secondes de différence 🙁
    InformationsquelleAutor ThiefMaster
  4. 0

    Si vous n'avez pas spécialement besoin le texte alternatif d'une image, alors vous pouvez simplement cibler la classe/id de l'image.

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

    Je sais que c'est pas tout à fait répondre à la question, bien que j'avais passé du temps à essayer de comprendre cela, et cette question m'a donné la solution :). Dans mon cas, j'avais besoin de cacher toutes les balises d'image avec un 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.
    }
});
    InformationsquelleAutor Wonx2150