如何使用jQuery修改html字符串

Question

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

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

Answer 1

所以这是代码:

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(),它将弹出操作<div class="b">创建的上下文.find()并返回到just $(d),然后允许您.outerHTML在原始DOM节点上使用完整的HTML .