Jquery wrap() как сделать

279

05 сентября 2017, 12:03

Есть 3 дива с классом .fc, как с помощью jquery объединить сразу 3 элемента в одну обертку, мой скрипт оборачивает каждый див в обертку.

function resize(){
if($(window).width() <= 768) {
  $('.advantages-wrap-left, .advantages-wrap-right').contents().unwrap();
 } else{
 $('.fd').wrapAll('<div class="advantages-wrap-left"></div>');
 $('.fc').wrapAll('<div class="advantages-wrap-right"></div>');
 }
 }
 window.matchMedia('(max-width: 768px)').addListener(function(e){
  if(e.matches) resize();
   else resize();
})
  resize();

Answer 1

$(function() {
  advMonster();
});
function advMonster() {
  var advWrapped;
  onResize();
  $(window).on('resize', onResize);
  function onResize() {
    var items = $('.advantages-item');
    if($(window).width() <= 768) {
      if(advWrapped) {
        advWrapped = false;
        items.unwrap();
      }
    } else {
      if(!advWrapped || advWrapped === undefined) {
          advWrapped = true;
          items.filter('.fd').wrapAll('<div class="advantages-wrap-left" />');
          items.filter('.fc').wrapAll('<div class="advantages-wrap-right" />');
      }
    }
  }
}

Answer 2

Воспользуйтесь методом wrapAll

Answer 3

Можно для индексации использовать метод .slice() и после использовать тот-же wrapAll.