jQuery 用 div 包装多个 id

Question

我试图用一个 div 包装选定的 id 集，并用不同的 div 包装其他集，但不太确定它应该如何工作。

我有以下 html 代码:

<div class="wrapper">
<div id="block_1">
        <div class="post">
        </div>
</div>
<div id="block_2">
        <div class="post">
        </div>
</div>
<div id="block_3">
        <div class="post">
        </div>
</div>
<div id="block_4">
        <div class="post">
        </div>
</div>
<div id="block_5">
        <div class="post">
        </div>
</div>

并且想使用 Jquery 将两个不同的集合用另一个 div 包装起来，如下所示:

<div class="wrapper">
<div class="wrapright">
    <div id="block_1">
            <div class="post">
            </div>
    </div>
    <div id="block_4">
            <div class="post">
            </div>
    </div>
    <div id="block_5">
            <div class="post">
            </div>
    </div>
</div>
<div class="wrapleft">
    <div id="block_2">
            <div class="post"></div>
    </div>

    <div id="block_3">
            <div class="post"></div>
    </div>

    </div>

</div>

如您所见，我想用 class="wrapright" 包裹 block 1,4,5 并用 class="包裹 block 2,3环绕式”

有没有 Jquery 方法可以做到这一点!!我找到了一些方法，但都是针对单组的，而不是多组的...

感谢您的帮助!

Answer 1

您可以使用 .wrapAll()。

如果 ids 和元素集是常量那么你可以

$('#block_1, #block_4, #block_5').wrapAll('<div class="wrapright" />');
$('#block_2, #block_3').wrapAll('<div class="wrapleft" />');

演示:Fiddle

---

如果元素集不是常量，那么您需要想出一个关于如何确定组的逻辑。