javascript - 使用 Jquery 从 html 字符串中删除标签

Question

我正在尝试使用 Jquery 从 HTML 字符串中删除 span 类。我的 HTML 字符串如下所示:

<li class="left clearfix"><span id="userAvatar" class="chat-img pull-left"><img src="http://placehold.it/50/55C1E7/fff&amp;text=U" alt="User Avatar" class="img-circle"></span><div class="chat-body clearfix"><div class="header"><strong class="primary-font">sdfsdf3424</strong></div><p>dfgfg</p></div></li>

要从此字符串中删除 span 标记，我将执行以下操作:

var JqueryObj = $('<div/>').html(stringHTML).contents();
JqueryObj = JqueryObj.not("#userAvatar");   
stringHTML = JqueryObj.html();

我哪里出错了？另外是否可以更改该字符串内段落标记的字体颜色？

Answer 1

对于您的第一个问题，您应该能够执行以下操作:

var htmlstring = '<li class="left clearfix"><span id="userAvatar" class="chat-img pull-left"><img src="http://placehold.it/50/55C1E7/fff&amp;text=U" alt="User Avatar" class="img-circle"></span><div class="chat-body clearfix"><div class="header"><strong class="primary-font">sdfsdf3424</strong></div><p>dfgfg</p></div></li>'

    var obj = $("div").html(htmlstring);
    obj.find("#userAvatar").remove();

    var newhtmlstring = obj.html();

这会创建一个新元素，其中包含 htmlstring 的内容。然后，查找部分找到选择器的所有直接和间接子代并将其删除。最后，新的html字符串就是我们之前创建的临时对象的内容。

使用.find()，您还可以更改字体颜色:

obj.find("p").css("color", "red");