javascript - 同时迭代和替换 span

Question

假设我有以下代码迭代<span>内部<div>：

$('#recommendTextArea').children('span').each(function () {
    //mentionedFriends.push($(this).html()); 
    var mentionedFriendName = $(this).html();
    jQuery.each(friendsList, function () {
        if (this.name == mentionedFriendName) {
            var facebookId = '@[' + this.id + ']';
        }
    });
});

我本质上想<span>用facebookId. 这样的事情可能吗？如果是怎么办？

Answer 1

使用replaceWith.

$('#recommendTextArea').children('span').each(function () {
    var $span = $(this);

    //mentionedFriends.push($(this).html()); 
    var mentionedFriendName = $(this).html();
    jQuery.each(friendsList, function () {
        if (this.name == mentionedFriendName) {
            var facebookId = '@[' + this.id + ']';
            $span.replaceWith(facebookId);
        }
    });
});

编辑： 如果您需要处理特殊字符等。您可以这样做：

$span.replaceWith($("<div>").text(facebookId).contents());