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

您可以使用以下方法选择这两个类：

$(".first, .second");

然后$.wrapAll使用：{/ 3>

$(".first, .second").wrapAll('<div class="MAIN-CLASS" />');

$(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">....</div>
<div class="second">....</div>
<div class="thrid">....</div>

Answer 2

您可以在jquery中使用 wrapAll ，请参阅下面的代码

＆＃13;

???

＆＃13;

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

＆＃13;

Answer 3

我就是这样做的：

HTML

Here is the JSFiddle demo

使用jQuery中的类将元素包装在另一个内部

3 个答案: