Javascript jQuery：将img alt标记更改为list value

我创建了一个列表，其中每个列表项都包含一个图像和一个标题。现在我希望图像alt和title标记与列表项中的标题相同，但无法使其正常工作。目前，我将所有标题放入所有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>

---

元素跟随每个

，因此：

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

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

演示：

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

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