包含div的多个类选择器

时间:2014-07-15 13:21:24

标签: jquery

我有两个要用新div包装的元素。

  <div class="bigfont-m capsletter"></div> 
  <div class="headfont6 text-overhide"></div>

是否可以同时选择两者并使用.wrap() JQuery方法?

我知道多重选择器(,)但不在我这边工作。

我想要的是新的div就像那样

  <div>
  <div class="bigfont-m capsletter"></div> 
  <div class="headfont6 text-overhide"></div>
  </div>

4 个答案:

答案 0 :(得分:4)

您可以使用multiple selector选择这两个元素,然后使用.wrapAll()用元素包装它们

$('.bigfont-m.capsletter, .headfont6.text-overhide').wrapAll('<div class="wrapper"/>')

演示:Fiddle

答案 1 :(得分:0)

jQuery - Selecting Multiple Classes

How can I select an element with multiple classes?

$('bigfont-m.capsletter, headfont6.text-overhide') is your selector

答案 2 :(得分:0)

使用jQuery wrapall()方法

Example

$('div.bigfont-m.capsletter,div.headfont6.text-overhide').wrapAll('<div></div>');

答案 3 :(得分:0)

您可以使用.add(),因为每个人都已提及multiple selector,然后您可以使用.wrapAll()

$('.capsletter').add('.headfont6').wrapAll('<div class="wrapper" />')

DEMO