如何在div之间获取内容

Question

我有一个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>

我正在使用的是追加或之前但没有得到正确的结果。 我使用了以下代码。

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

但我得到了这样的结果。

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

请帮帮我。

Answer 1

您可以使用.wrap()执行此操作：

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

演示Fiddle

Answer 2

使用wrap()

这将完全符合您的要求：

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

查看文档：{​​{3}}

Answer 3

试试这个 $("ul").wrap("<div id='b'></div>");这是工作example