Holen Sie sich die "alt" - Attribut aus einem Bild, residiert in einer <a> tag

dieser sollte ganz einfach sein, aber aus irgendeinem Grund, es funktioniert nicht.

Möchte ich, um die "alt" - Attribut aus einem Bild, das sich innerhalb von einem tag

<div id="album-artwork">
<ul>
   <li><a href="link to large image"><img src="thumbnail" alt="description of the image" /></a></li>
   ...
</ul>
</div>



$("#album-artwork a").click(function(e) {
e.preventDefault();

var src = $(this).attr("href");
var alt = $(this).next("img").attr("alt");


alert(src); //ok!
alert(alt); //output: undefined

});

irgendwelche Ideen, warum next() nicht funktioniert? Gibt es eine bessere Lösung gibt?

Vielen Dank im Voraus
Marco

check my @user2727841 beantworten Ihre getestet und funktioniert!!!
Marco check my @user2727841 Antwort...

InformationsquelleAutor Marco | 2010-10-07

  1. 21

    Es ist, weil der image-tag ist innerhalb der ul-tag. als Nächstes sieht nur tags auf dem gleichen level. Du wirst

    var alt = $(this).children("img").attr("alt");

    EDIT: inklusive dem Zusatz " nicht vorhanden war

    ich habe gerade meine Frage selbst beantwortet... vergaß Geschwister und Kinder... Ihre Antwort zu bestätigen hilft meine Antwort. Danke!

    InformationsquelleAutor Catfish

  2. 6
    $(this).find('img').attr('alt');

    InformationsquelleAutor marko

  3. 3

    Versuchen $(this).find('img') stattdessen wählen Sie ein element innerhalb den link.

    InformationsquelleAutor Alec

  4. 3

    oder 

    $('img', this).attr('alt');

    Test : http://jsbin.com/amado4

    jQuery umschreiben $(child, parent) intern zu $(parent).find(child).

    InformationsquelleAutor

  5. 2

    Nevermind. Ich habe es... ich habe gemerkt, dass die img ist nicht ein Geschwister von <a> aber ein Kind <a>

    Dies ist der richtige syntax

    var alt = $(this).children("img").attr("alt");

    InformationsquelleAutor Marco

  6. 1

    Nicht .im nächsten pick up das nächste element, das die nächsten Li und nicht die IMG?

    InformationsquelleAutor Dan

  7. 1

    versuchen, diese erprobt und Ihre Arbeit!!!

    <div id="album-artwork">
<ul>
   <li><a href="javascript:void(0);"><img src="images/ajax-loader.gif" alt="ajax-loader" /></a></li>
   <li><a href="javascript:void(0);"><img src="images/close.png" alt="close" /></a></li>
   <li><a href="javascript:void(0);"><img src="images/copy.png" alt="copy" /></a></li>
</ul>
</div>

    - und jQuery-code ist

        $(document).ready(function() {
        $("#album-artwork a").click(function(e) {
            e.preventDefault();

            var src = $(this).attr("href");
            //var alt = $(this).next("img").attr("alt");
            var alt = $(this).children().attr("alt");
            //find function also do the same thing if you want to use.
            /*var alt = $(this).find("img").attr("alt");*/

            alert(src); //ok!
            console.log(src); //ok!
            alert(alt); //output: not undefined now its ok!
            console.log(alt); //output: not undefined now its ok!
        });
    });

    den children() Funktion finden alle Kinder, aber wenn Sie wollen hier keine konkreten Kinder definieren, die Kinder Namen wie diese children("img") ODER children("button").

    InformationsquelleAutor user2727841

Schreibe einen Kommentar