正则表达式替换div的内部html中的字符串

Question

我有一个包含一些html和文本的div（html是动态添加的）结构类似于

    <div id="contentContainer">
&nbsp; <span>ProductA</span> ; <span>ProductB</span>; prod
</div>

我想从提交按钮上的div contentContainer的内部html中删除最后一个不完整的文本（prod）

为此，我正在使用正则表达式returnText.replace（/ \\ w + $ /，''）; 并且它可以正常工作，因为我无法将文本修剪到最后一个索引“;”

但是问题不在于当用户在pr \\ od上将某些特殊字符放在不完整的文本中时，正则表达式失败

所以有什么解决方案可以将div的最后html修剪为最后添加的文本，或者可以将文本修剪为最后的html标签并放置？ 之后

请提出任何解决方案

Answer 1

如果您使用的是jquery，则可以提取所有span元素并用它们替换innerHTML。

$("#contentContainer").html( $("#contentContainer span") );

那应该清理休息的东西。 也许不是最好的，但我认为它比内容的正则表达式更好。

Answer 2

解决方案查看DIV中的最后一个DOM节点，如果它是文本节点，则将文本更改为分号

var lastNode = $('#contentContainer').contents().last()[0]

if (lastNode.nodeType == 3) {
    lastNode.textContent=';'
}