Multiple class selector to wrap div around

Question

I have 2 elements that I want to wrap with a new div.

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

Is it possible to select both at once and use the .wrap() JQuery method ?

I know about the multiple selector (,) but not working on my side.

What I want is the new div to be like that

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

score 5 · Accepted Answer · answered Jul 15 '14 at 13:23

5

You can use multiple selector to select both the elements and then use .wrapAll() to wrap them with an element

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

answered Jul 15 '14 at 13:23

Arun P Johny

@upvoters: You are all simply showing partiality.. :D – Rajaprabhu Aravindasamy Jul 15 '14 at 13:35

score 0 · Answer 2 · edited May 23 '17 at 12:29

0

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

edited May 23 '17 at 12:29

Community

answered Jul 15 '14 at 13:23

MikeB

score 0 · Answer 3 · edited Jun 20 '20 at 09:12

0

Use jQuery wrapall() method

`Example`

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

edited Jun 20 '20 at 09:12

Community

answered Jul 15 '14 at 13:25

Jaykumar Patel

score 0 · Answer 4 · answered Jul 15 '14 at 13:27

0

You can use .add(), As everyone already mentioned multiple selector, Then you can use .wrapAll()

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

answered Jul 15 '14 at 13:27

Satpal