Javascript jQuery包装不工作

在

else if

中，我试图检查div是否有父级。只有第一个

（如果

工作），当父级为模态时，其余的不工作

我错过了什么

$(window).on('resize', function(){
    var width = $(window).width();
    if (width > 767) {
      $('div.modal').contents().unwrap();
      $('div.modal-dialog').contents().unwrap();
      $('div.modal-content').contents().unwrap();
      $('div.modal-header').contents().unwrap();
      $( "form.r-interview" ).addClass( "white-color" );
      $('div.modal-body').contents().unwrap();
    }
    else if ( width == 320 ) {
      if (!$("div.modal-content, .modal-dialog, header.form-header, form.r-interview").parent().hasClass('.modal')) {
        $( "div.modal-content, .modal-dialog, header.form-header, form.r-interview" ).wrapAll( "<div class='modal fade' id='form_modal' role='dialog' aria-labelledby='mySmallModalLabel'></div>" );
      }
      else if (!$("div.modal-content, header.form-header, form.r-intervieww").parent().hasClass('.modal-dialog')) {
        $( "div.modal-content, header.form-header, form.r-interview" ).wrapAll( "<div class='modal-dialog'></div>" );
      }
      else if (!$("header.form-header, form.r-interview").parent().hasClass('.modal-content')) {
        $( "header.form-header, form.r-interview" ).wrapAll( "<div class='modal-content'></div>" );
      }
      else if (!$("header.form-header").parent().hasClass('.modal-header')) {
        $( "header.form-header" ).wrap( "<div class='modal-header'></div>" );
      } 
      else if (!$("form.r-interview").parent().hasClass('.modal-body')) {
        $( "form.r-interview" ).wrap( "<div class='modal-body'></div>" );
        $( "form.r-interview" ).removeClass( "white-color" );
      }
    }
  });

$（窗口）.on（'resize'，function（））{
变量宽度=$（窗口）.width（）；
如果（宽度>767）{
$（'div.modal'）.contents（）.unwrap（）；
$（'div.modal-dialog'）.contents（）.unwrap（）；
$（'div.modal-content'）.contents（）.unwrap（）；
$（'div.modal-header'）.contents（）.unwrap（）；
$（“表格r-采访”）.addClass（“白色”）；
$（'div.modal-body'）.contents（）.unwrap（）；
}
否则，如果（宽度==320）{
if（！$（“div.modal-content、.modal dialog、header.form-header、form.r-interview”）.parent（）.hasClass（'.modal'））{
$（“div.modal-content、.modal对话框、header.form-header、form.r-interview”）.wrapAll（“”）；
}
else if（！$（“div.modal-content，header.form-header，form.r-intervieww”）.parent（）.hasClass（'.modal dialog'））{
$（“div.modal-content，header.form-header，form.r-interview”）.wrapAll（“”）；
}
else if（！$（'header.form-header，form.r-interview”）.parent（）.hasClass（'.modal content'））{
$（“header.form-header，form.r-interview”）.wrapAll（“”）；
}
else if（！$（“header.form header”）.parent（）.hasClass（'.modal header'））{
$（“header.form header”）.wrap（“”）；
} 
else if（！$（“form.r-interview”）.parent（）.hasClass（'.modal body'））{
$（“表格r-面试”）。换行（“”）；
$（“form.r-Session”）.removeClass（“白色”）；
}
}
});

您应该从

hasClass

选择器中删除

：

.hasClass（'modal-body'）

您应该从

hasClass

选择器中删除

。

.hasClass（'modal-body'）