Javascript 如何在div之间获取内容

我有一个ul li列表，我想把这些内容放在

我所拥有的

<div id='a'>
 <ul>
  <li>
  <li>
  <li>
 </ul>
</div>

我想做的是，使用jquery，我想在这个内容之前和之后添加div，如下所示

我想要什么

<div id='a'>
<div id='b'>
 <ul>
  <li>
  <li>
  <li>
 </ul>
</div>
</div>

我使用的是append或before，但没有得到正确的结果。 我使用了以下代码

$("#a").prepend("<div id='b'>");
$("#a").append("</div>");

$（“#a”）。前缀（“”）；
$（“#a”）。附加（“”）；

但我得到了这样的结果

<div id='a'>
<div id='b'></div>
 <ul>
  <li>
  <li>
  <li>
 </ul>
</div>

请帮帮我。

您可以使用：

$("ul").wrap("<div id='b'></div>");

$（“ul”）.wrap（“”）；

演示

使用

wrap（）

这将完全满足您的要求：

$("#a > ul").wrap("<div id='b'></div>");

$（“#a>ul”）.wrap（“”）；

查看文档：

试试这个

$（“ul”）.wrap（“”）这是工作原理