jQuery 用 div 包装多个 id答案

【问题标题】：jQuery wrap multiple ids with divjQuery 用 div 包装多个 id
【发布时间】：2015-06-04 06:59:38
【问题描述】：

我试图用 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>

如您所见，我想用class="wrapright" 包装block 1,4,5 并用class="wrapleft" 包装块2,3

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

感谢您的帮助！

【问题讨论】：

标签： jquery html wrapper

【解决方案1】：

你可以使用 .wrapAll()。

如果 ids 和元素集是不变的，那么你就可以

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

演示：Fiddle

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

【讨论】：

完美...完成了工作！谢谢@Arun