迭代 + 替换脚本

Question

$(".IT_Badge").each(function(){
    var badges = $(".IT_Badge").val().trim().split(",");
    for (c = 0; badges.length > c; c++) {
        currentBadge = badges[c];
        currentBadge.replaceWith($("<img/>").attr("src", 'IT_Badges/' + badges[c] + '.png'));
    }
});

我有多个跨度，其中包含关键字。我需要用图像替换关键字，而图像的 src 是关键字。但是，我担心放置在跨度中的图像将被放置在称为IT_Badge的所有跨度中，因此 for 循环和每个。我希望逐个跨度进行更换。

Answer 1

您不会在第一次迭代中每次都将 iconInst 设置为数组。在第二次迭代时，iconInst 似乎不是一个数组。这是错别字吗？我想你打算这样做

var iconInst = [];
$(".IT_Badge").each(function(i, el){
    iconInst.push($(this).addClass('Inst' + i));
});
iconInst.each(function(){
    var badges = $(this).val().trim().split(",");
    for (c = 0; words.length > c; c++) {
        $(this).contents().replaceWith($("<img/>").attr("src", 'Icon/' + badges[c] + '.png'));
    }
});

如果是这种情况，请更新问题，我们将从那里继续，如果没有，我不太清楚您要处理的问题是什么。