Mit jQuery die Quelle eines bestimmten Bildelements abrufen

Habe ich viele Bild-Elemente und wollen ein bestimmtes Bild der Quelle, wo der alternative text ist "Beispiel".

Habe ich versucht, dieses:

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

aber ich kann Sie nicht bekommen, die ich brauche.

Wie wähle ich eine bestimmte image-element basierend auf seinem alternativ-text?

InformationsquelleAutor der Frage Irakli Lekishvili | 2012-05-15

  1. 54

    Auswählen und ein element, wo man weiß nur das Attribut value können Sie die unten jQuery-Skript 

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

    Entnehmen Sie bitte den jQuery-Dokumentation für Attribut entspricht Selektoren

    Bitte beachten Sie auch das Beispiel in Demo

    Folgende code ist der code, sofern Sie nicht in der Lage, Zugriff auf die 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 );

    Ausgang

    Beiden Warnmeldungen jeweils Werte

    1. Quelle von Bild mit Alternativtext = Beispiel - \images\show.jpg
    2. Quelle von Bild mit Alternativtext = beispielalle -
      \images\showAll.jpg

    InformationsquelleAutor der Antwort Murtaza

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

    Dies zeigt src-Attribute aller Bilder der Klasse 'conversation_img' alt='Beispiel'

    InformationsquelleAutor der Antwort strah

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

    Wenn Sie mehrere übereinstimmende Elemente nur die src von die erste zurückgegeben werden.

    InformationsquelleAutor der Antwort ThiefMaster

  4. 0

    Wenn Sie nicht konkret benötigen, der alt-text eines Bildes, dann kann man nur noch Gegner die Klasse/id des Bildes.

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

    Ich weiß, es ist nicht ganz die Beantwortung der Frage, obwohl ich verbrachte Ewigkeiten versucht, dies herauszufinden, und diese Frage gab mir die Lösung :). In meinem Fall musste ich ausblenden image-tags mit einem bestimmten 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 der Antwort Wonx2150

Schreibe einen Kommentar