Jquery DOM unwrap() wrap()?

Question

[Breeze1]

Ребят мне нужно чтобы на разрешениях больше 768 мои блоки fc и fd оборочивались в соответствующие обертки, на разрешениях меньше они должны убираться. В чем сложность, мне нужно это делать при resize окна, сейчас на таком скрипте при сужении или расширении экрана, оберток добавляется нескончаемое число :(

$(window).on('resize', function(){
if($(window).width() <= 768) {
$('.advantages-item').unwrap();
} else{
$('.fd').wrapAll('div class="advantages-wrap-left">');
$('.fc').wrapAll('div class="advantages-wrap-right">');
}
}).trigger('resize');

< section class="advantages">
< div class="wrapper">
< div class="advantages-container">
< div class="advantages-item fd">
< /div>
< div class="advantages-item fd">
< /div>
< div class="advantages-item fd">
< /div>
< div class="advantages-item fc">
< /div>
< div class="advantages-item fc">
< /div>
< /div>
< /div'

Answer 1

[Антон]

Проверяйте их существование\отсутствие дополнительным условием

Answer 2

[Кирюшка Цисарь]

$(window).on('resize', function(){
if($(window).width() <= 768) {
  $('.advantages-item').unwrap(); 
} else{
 if($('.advantages-wrap-left')[0]){    
 }else{
  $('.fd').wrapAll('div class="advantages-wrap-left">');
 }
if($('.advantages-wrap-right')[0]){
}else{
    $('.fc').wrapAll('div class="advantages-wrap-right">');
 }
}
}).trigger('resize');