jQuery Wrap无法正常工作

Question

在else if我试图检查div是否有父母。只有第一个if正在工作，当父级是模态时，其余的都不起作用。

我错过了什么？

$(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" );
      }
    }
  });