jQuery .wrap（） - 指定要回绕的位置

Question

我可以使用jQuery的.wrap（）来执行以下操作（如果是这样 - 怎么做？）

最初：

<span class="foo"></span>

我需要什么：

<div class="container">
    <ul></ul>
    <span class="foo"></span>
</div>

现在发生了什么：

 <div class="container">
    <ul>
        <span class="foo"></span>
    </ul>
 </div>

使用此：

$('.foo').wrap('<div class="container"><ul></ul></div>');

最让人印象深刻的方式是什么？ .wrap（）是错误的方式吗？

提前致谢

Answer 1

实际上.wrap()无法正常运作，您需要prepend将ul与.foo包裹起来后.container才能完成任务。

尝试，

$('.foo').wrap('<div class="container"></div>')
           .closest('.container')
             .prepend('<ul></ul>');

Answer 2

您可以使用：

$('.foo').wrap('<div class="container"></div>').parent().prepend('<ul></ul>');

<强> Fiddle Demo

Answer 3

试试这个：

$('.foo').wrap('<div class="container"></div>').closest('.container').prepend('<ul></ul>');

<强> Working Demo