javascript - 同时迭代和替换跨度

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());