javascript - jQuery:将 img alt 标签更改为列表值

Question

我创建了一个列表，其中每个列表项都包含一个图像和一个标题。我现在希望图像 alt 和标题标签与列表项中的标题相同，但我无法让它正常工作。目前，我将所有标题放入所有 img 标签中(这是我的 js 所期望的)，但我不知道如何获取第一个 $('ul li img')仅选取第一个 $('ul li').text()，第二个选取第二个 $('ul li').text() > 等

HTML:

<ul>
<li><img src="path.jpg" /><p>Title 1</p></li>
<li><img src="path.jpg" /><p>Title 2</p></li>
</ul>

JS:

$(document).ready(function() {
$('ul li img').each(function() {
    var valueTitle = $('ul li').text();
    $(this).attr({
        alt: valueTitle,
        title: valueTitle
    });
});
}); 

Answer 1

<p>元素遵循每个 <img> ，所以:

$("ul li img").each(function() {
    var $this = $(this),
        valueTitle = $this.next("p").text();

    $this.attr({
        alt: valueTitle,
        title: valueTitle
    });
});

演示: http://jsfiddle.net/cquJX/