jquery - 使用 jQuery .each() 在多个图像下方附加标题属性。

Question

如何使用 .each() 获取 var、使用它、清除它，然后从 .each() 的下一个循环开始？

我有不同数量的带有“标题”属性的图像。我想获取 title 属性并将其附加到每个图像后面的新 div 中，创建标题。然而，在包含 2 个图像的页面上使用以下代码，我在每个图像下都得到了它们的两个标题。

如何运行 .each() 以便它在第一个图像上工作，删除它的 var，然后在第二个图像上工作？

jQuery(".node-type-article .imagefield-imagelink img").each( function() {
    var caption = jQuery(this).attr('title');
    jQuery(this).after('<div class="caption"></div>');
    jQuery('.caption').append(caption);
    caption = '';
});

Answer 1

这是有问题的行。它匹配两个 div:

jQuery('.caption').append(caption);

这样做:

jQuery(".node-type-article .imagefield-imagelink img").each(function() {
    var caption = jQuery(this).attr('title');
    jQuery(this).after('<div class="caption">' + caption + '</div>');
});

此外，您不需要清除标题变量。它对于函数的每次调用都是本地的。