Question

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

获得一个唯一的ID

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

由于

罗布

Answer 1

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

将ID description更改为某个类，然后执行以下操作：

试一试： http://jsfiddle.net/gsFnW/

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

http://api.jquery.com/next/

请注意，这假设<img>和<span>彼此相邻。没有看到你的标记，我无法肯定地说。如果中间有另一个元素，请改为执行此操作。

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

http://api.jquery.com/siblings/

Answer 2

假设这个标记

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

这应该有用。

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

你的问题是你使用的是id属性#decription，它只能出现在一个dom项目中。而是使用一个可以出现的类和许多。

希望这有帮助。

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

2 个答案: