jQuery - 获取图片标题

Question

真的很简单，但我做不出来。

如何通过点击周围的<a>获取下面代码中图片的标题

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

<ul>
    <li><a href="01.jpg"><img src="01_th.jpg" title="image_1" /></a></li>
    <li><a href="02.jpg"><img src="02_th.jpg" title="image_2" /></a></li>
    <li><a href="03.jpg"><img src="03_th.jpg" title="image_3" /></a></li>
</ul>  

$(function(){
    $('li a').click(function(e) {
        e.preventDefault();
        var img_href = $(this).attr('href');
        var img_title = $(this,'img').attr('title');
        alert(img_title); //undefined.
    });
});

Answer 1

您必须将要查找的上下文作为第二个参数：

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

Answer 2

你可以得到这样的img标题

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