jquery - 使用 jQuery 中的类将元素包装在另一个元素中

Question

是否可以使用 jquery 将两个类包含在一个类中？
由于某些原因我无法编辑html
例如当前的 html 是

<div class="first">.....</div>
<div class="second">.....</div>
<div class="thrid">.....</div>

我想要的是

<div class="MAIN-CLASS">
    <div class="first">.....</div>
    <div class="second">.....</div>
</div>
<div class="third">...</div>

我想使用 Jquery 添加 MAIN-CLASS

Answer 1

您可以使用 wrapAll 在 jquery 中，见下面的代码

$(function(){
   $('.first, .second').wrapAll('<div class="MAIN_CLASS"></div>');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="first">.....first</div>
<div class="second">.....second</div>
<div class="thrid">.....thireed</div>