jquery - Jquery - 为缩略图添加 img 标题

Question

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

我的脚本：

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

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

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

谢谢

Answer 1

用于.map()获取标题数组。然后在你的调用中使用 index 参数.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'));
});

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