jQuery在span标记中显示图像标题

我有一个无序的列表正在显示-每个li标记包含一个图像，其下有一个空的span标记。我希望图像的title属性显示在span标记中。我在下面使用它，它可以工作，但是它显示了第一个span标记中所有图像的标题。。。我需要以某种方式确保图片的标题包含在自己的span标签中。我想我需要一种方法来为每个li或每个li img拥有唯一的ID

$(document).ready(function() {
    $('#pressThumbs li img').fadeIn(function() {
        var $this = $(this);
        $("#description").append($(this).attr('title'));
    });
});

谢谢

---

Rob

ID必须是唯一的。因此，页面上只能有一个

description

id

将ID

description

改为类，并执行以下操作：

试试看：

请注意，这假定

和

相邻。我不能肯定没有看到你的标记。如果中间有另一个元素，请改为这样做

$(document).ready(function() {
    $('#pressThumbs li img').fadeIn(function() {
        var $this = $(this);
        $this.siblings('.description').append($this.attr('title'));
    });
});

---

ID必须是唯一的。因此，页面上只能有一个

description

id

将ID

description

改为类，并执行以下操作：

试试看：

请注意，这假定

和

相邻。我不能肯定没有看到你的标记。如果中间有另一个元素，请改为这样做

$(document).ready(function() {
    $('#pressThumbs li img').fadeIn(function() {
        var $this = $(this);
        $this.siblings('.description').append($this.attr('title'));
    });
});

假设此标记

<ul>
   <li><img src="bla" title="sometitle" /><span class="description" /></li>
   <li><img src="bla" title="sometitle" /><span class="description" /></li>
</ul>

问题在于您使用的是一个id属性#描述，它只能出现在单个dom项上。相反，请使用一个可以显示和多个的类

希望这有帮助。

假设这个标记

<ul>
   <li><img src="bla" title="sometitle" /><span class="description" /></li>
   <li><img src="bla" title="sometitle" /><span class="description" /></li>
</ul>

问题在于您使用的是一个id属性#描述，它只能出现在单个dom项上。相反，请使用一个可以显示和多个的类

---

希望这能有所帮助。

我已修改为仅在悬停时显示标题我已修改为仅在悬停时显示标题