javascript - jQuery for 循环不运行函数

Question

我试图在 jQuery 中创建一个循环，查找所有“img”元素，并根据元素的“caption”属性的值在它们下面放置一个标题。每当我运行下面的循环时，任何图像下都没有标题。

for (var i = 0; i < $('.myimage').length; i++) {
    $('.myimage')[i].after('<h6>' + $('.myimage').attr('caption') + '</h6>');
};

但是，当我运行这段代码时

$('.myimage').after('<h6>TEST</h6>');

“测试”一词出现在所有图像下方。因此我知道我的 html 是正确的，我没有拼写错误，并且选择器正在工作，我只是无法让 for 循环工作......我做错了什么？

Answer 1

$('.myimage')[i] 返回一个 DOM 元素(不是 jQuery 对象)，因此没有 after 方法。如果你想循环，只需使用 .each

$(".myimage").each(function() {
    //this refers to each image
    $(this).after('<h6>' + $(this).attr('caption') + '</h6>');
});