使用 Javascript/Jquery 附加关闭然后打开 HTML 标记答案

【问题标题】：Append closing then opening HTML tag with Javascript/Jquery使用 Javascript/Jquery 附加关闭然后打开 HTML 标记
【发布时间】：2022-01-01 00:24:02
【问题描述】：

我有一个场景，我想在第一个关闭标签的打开标签之后附加一个结束标签，然后附加一些其他标签。例如：我有这个代码 <ins>123678</ins>，我想在 3 和 6 之间附加 46。我在将光标放在3 和6 之间时尝试了这段代码

document.execCommand('insertHTML',false,'</ins><b>45</b><ins>');

但这并没有给我想要的输出。我想要这样的输出

<ins>123</ins><b>45</b><ins>678</ins>

【问题讨论】：

这是不可能的。您只能附加一个完整的 HTML 元素。如果它需要打开和关闭标签，那么您必须包含它们。如果你不这样做，那么浏览器会自动更正你的错误，并为你添加必要的标签到源代码中。
您必须获取整个内容并包装相应标签的每个部分。即使最终结果有效，也无法插入“半标签”。您必须用 <ins> </ins> 包装 123 和 678，删除初始 ins 并添加 45
为什么是<ins>123</ins>45<ins>678</ins>？ <ins>12345678</ins> 不是更简单吗？
@Thomas 这是要求。
为什么不<ins>12345678</ins> 用css处理样式？

标签： javascript html jquery dom

【解决方案1】：

你可以尝试替换

<ins>123678</ins>

与

newHTML= "<ins>123"+"45"+"678</ins>"

使用 jquery

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。