用于包裹 div 的多个类选择器答案

【问题标题】：Multiple class selector to wrap div around用于包裹 div 的多个类选择器
【发布时间】：2014-09-05 17:12:14
【问题描述】：

我有 2 个元素想要用新的 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>

【问题讨论】：

标签： jquery

【解决方案1】：

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

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

演示：Fiddle

【讨论】：

【解决方案2】：

jQuery - Selecting Multiple Classes

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

【讨论】：

【解决方案3】：

使用 jQuery wrapall() 方法

`Example`

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

【讨论】：

【解决方案4】：

你可以使用.add()，正如大家已经提到的multiple selector，那么你可以使用.wrapAll()

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

【讨论】：