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

Question

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

我的脚本：

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

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

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

谢谢

Answer 1

使用 .map() 获取标题数组。然后在调用 .each() 时使用索引参数来获取相应的标题：

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

Answer 2

试试这个例子：

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

我想你会得到所有的图像标题属性