jQuery 用 div 包裹多个 id

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

我有以下 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>

如你所见，我想包装block 1,4,5 with class="wrapright"并将块 2,3 包裹起来class="wrapleft"

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

感谢您的帮助！

您可以使用.wrapAll()。

如果 ids 和元素集是恒定的，那么你可以

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

Demo: Fiddle http://jsfiddle.net/arunpjohny/zcvkw51u/

如果元素集不是恒定的，那么您需要提出如何确定组的逻辑。