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 title

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