javascript - 正则表达式替换 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+$/, ''); 并且效果很好 因为我无法将文本 trim 到“;”的最后一个索引

但问题不是当用户在不完整的文本中添加一些特殊字符作为 pr\od 正则表达式失败

有什么解决方案可以 trim div 的内部 html 最后附加的文本吗 或者我可以将文本 trim 到最后一个 html 标记并放置吗？在那之后

请提出任何解决方案

Answer 1

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

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

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