Jquery - 将img标题添加到缩略图

时间:2011-09-26 21:40:49

标签: jquery nivo-slider

我在从滑块中的图像抓取标题标签并将其插入我页面上的其他位置时遇到问题。它只抓住第一张图片的第一个标题而不是后续图片。

我的剧本:

var imgTitle = $('.nivoSlider img').attr('title')

$('a.nivo-control').append('<p>' + (imgTitle) + '</p>');

我知道我必须在某个地方使用。但我不知道在哪里。

由于

2 个答案:

答案 0 :(得分:2)

使用.map()获取一系列标题。然后在调用.each()时使用index参数获取相应的标题:

var titles = $('.nivoSlider img').map(function() {
    return this.title;
}).get();
$('a.nivo-control').each(function(i) {
    $(this).append("<p>" + titles[i] + "</p>");
});

答案 1 :(得分:0)

试试这个例子:

$('.nivoSlider img').each( function() {
    alert($(this).attr('title'));
});

我认为你将获得所有图片标题属性