jquery - タグ内にある画像から「alt」属性を取得します

Answer 1

imageタグがulタグの中にあるからです。next は、同じレベルのタグのみを検索します。使用する必要があります

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

編集：欠落していた追加の「」が含まれていました

Answer 2

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

Answer 3

また

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

テスト: http://jsbin.com/amado4

Answer 4

$(this).find('img')代わりに、リンク内の要素を選択してみてください。

Answer 5

どうでも。imgわかった...は の兄弟では<a>なく の子であることに気付きました<a>

これは正しい構文です

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

Answer 6

これをテストして試してみてください!!!

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

そしてjQueryコードは

    $(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!
        });
    });

関数はchildren()子を見つけますが、特定の子を見つけたい場合は、このchildren("img") OR children("button")のように子の名前を定義します。

Answer 7

.next は、IMG ではなく次の Li である次の要素を取得しませんか?