jquery - 如何从多个 HTML 元素的特定起点和终点使用 jQuery .wrap()？

Question

我想使用 jQuery .wrap() 函数从特定的起点和终点将 div 包裹在一系列 html 标签周围。例如，我的 HTML 文档现在如下所示:

我当前的 HTML 结构:

<div class="single-post">
    <img src="" />
    <p></p>
    <p></p>
    <blockquote></blockquote>
    <p></p>
</div>

我想在上面的这些元素周围包裹一个带有“new”类的 div:

<p></p>
<p></p>
<blockquote></blockquote>
<p></p>

实际上，我的最终结果应该是这样的:

<div class="single-post">
    <img src="" />
    <div class="new">
        <p></p>
        <p></p>
        <blockquote></blockquote>
        <p></p>
    </div>
</div>

Answer 1

好吧，假设 img 始终是独行侠，你可以这样做 this :

jQuery:

$('.single-post > img').siblings().wrapAll('<div class="new" />');

---

您还可以执行类似 this 的操作:

$('.single-post').children(':not(.exclude)').wrapAll('<div class="new" />');