javascript - 如何在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

You can use .wrap() to do this:

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

Demo Fiddle

Answer 2

Use wrap()

This will exactly do what you want:

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

Look at the doc: http://api.jquery.com/wrap/

Answer 3

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