jquery - 将 html 结构包裹在文本周围

标签 jquery dom-manipulation

给定一些文本和 html 结构,如何创建一个新的 html 片段,其中结构包裹在文本周围?

示例:

text = "mytext"
html = "<div><p><span></span></p></div>"

期望的结果:

newHtml = "<div><p><span>mytext</span></p></div>"

如果可能的话,使用纯jquery,而不需要手动解析html。请注意,“text”是文字字符串,而不是文档中的文本节点。

当然,我正在寻找的代码应该适用于任意 html,而不仅仅是上面的示例。

最佳答案

类似的东西:

var text = "mytext";
var html = "<div><p><span></span></p></div>";
var div = $(html);
div.find('span').html(text);
div.appendTo(someOtherElement);

关于jquery - 将 html 结构包裹在文本周围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18145842/

相关文章:

javascript - 刷新 ng-repeat 即使没有任何改变

javascript - 保持 html dom 操作刷新

javascript - 删除使用 JQuery 动态添加的 html 元素

jQuery:如何让DIV滑出屏幕并让另一个滑入?

javascript - html2canvas 只转换窗口的可见区域

javascript - 将 p 标签添加到无格式文本 - 纯 JavaScript

jquery - 根据屏幕尺寸重新排列 DOM 的最佳方法

javascript - jquery 日期选择器中的语言翻译

javascript - AngularJS "accordion"使用 ng-click 加载和卸载 DOM 元素

asp.net - 使用 JQuery 或 AJAX 从数据库填充文本框