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()不会像你期望的那样工作，你需要在包装后前置ul。 foo 与 .container 来完成您的任务。

尝试，

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