如何使用 jQuery 修改 html 字符串

How to modify html string using jQuery

本文关键字：html 字符串 修改 jQuery 何使用      更新时间：2023-09-26

我尝试使用jQuery来修改HTML模板。

例如：

var d = '<div class="a"><div class="b"></div><div class="c"></div></div>';
var html = $(d).find(".b").html("BBBBB");
console.log(d);   // I want to get the new html

在上面，我想得到

'<div class="a"><div class="b">BBBBB</div><div class="c"></div></div>'

如何实施案例？请指教。

所以这是代码：

var d = '<div class="a"><div class="b"></div><div class="c"></div></div>';
var html = $(d).find(".b").html("BBBBB").end()[0].outerHTML;
console.log(html);

注意关键是使用 .end() ，它将弹出由 .find() 操作创建的<div class="b">的上下文并返回到 仅$(d) ，然后允许您使用原始 DOM 节点上的.outerHTML获取完整的 HTML。

var d = '<div class="a"><div class="b"></div><div class="c"></div></div>';
$('.a').find(".b").html("BBBBB");
var newD = $('.a').parent().html();
console.log(newD);

您正在写入 DOM 元素而不是变量。您需要再次获取修改后的 DOM 元素。

相关文章：