javascript - 向 JQuery 节点集添加内容

Question

我有一个 HTML 字符串，我将其转换为 JQuery 节点集:

var html = "<div id='foo'><div id='bar'></div></div>";
var nodes = $(html);

我要添加内容<div id="baz"></div>在 <div id='bar'></div> 之后立即.我尝试使用:

nodes.find('#bar').prepend('<div id="baz"></div>'); 

但这会产生结果:

<div id="foo">
  <div id="bar">
    <div id="baz"></div>
  </div>
</div

但我想要的是:

<div id="foo">
  <div id="bar"></div>
  <div id="baz"></div>
</div>

Answer 1

nodes.append('<div id="baz"></div>'); 

或者...

$('<div>',{id:"baz"}).appendTo(nodes);