Javascript 如何使用jQuery修改html字符串

我尝试使用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 

vard=''；
var html=$（d）.find（“.b”）.html（“BBBBB”）；
console.log（d）；//我想得到新的html

在上面，我想得到

“BBBBB”

如何实施该案例？请提出建议。

以下是代码：

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);

vard=''；
var html=$（d）.find（“.b”）.html（“BBBBB”）.end（）[0].outerHTML；
log（html）；

注意：关键是使用

.end（）

，它将弹出由

.find（）

操作创建的

的上下文，并返回到

$（d）

，然后允许您在原始DOM节点上使用

.outerHTML

获取完整的HTML。

下面是代码：

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);

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);

vard=''；
var html=$（d）.find（“.b”）.html（“BBBBB”）.end（）[0].outerHTML；
log（html）；

请注意，关键是使用

.end（）

，它将弹出由

.find（）

操作创建的

的上下文，并返回到

$（d）

，然后允许您在原始DOM节点上使用

.outerHTML

获取完整的HTML。

var d=''；
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);

$（'.a'）.find（“.b”）.html（“BBBBB”）；
var newD=$（'.a'）.parent（）.html（）；
console.log（newD）；

您正在写入DOM元素，而不是变量。您需要重新获取修改过的DOM元素。

var d=''；
$（'.a'）.find（“.b”）.html（“BBBBB”）；
var newD=$（'.a'）.parent（）.html（）；
console.log（newD）；

---

您正在写入DOM元素，而不是变量。您需要重新获取修改过的DOM元素。

请尝试

console.log（html）

为什么不直接使用

$（'.b'）。html（“BBBBB”）

d

是一个变量，而不是DOM元素。因此它没有.html（）方法。您真正想要实现的是什么？因为html字符串在变量中，而不是在brower文档中，我只能通过

find

获得它@AdityaTry

console.log（html）

为什么不直接使用

$（'.b'）。html（“BBBBB”）

d

是一个变量，而不是DOM元素。因此它没有.html（）方法。您真正想要实现的是什么？因为html字符串在变量中，而不是在brower文档中，我只能通过

find

获得它@AdityaThis是正确答案，也是迄今为止实现这一目标的最佳方式。这是正确答案，也是迄今为止实现这一目标的最佳方式