Javascript jQuery.wrap.unwrap

请原谅，我对javascript还相当陌生。我试图删除一个div的父级，其宽度低于980px，然后将其添加回980px以上。我正在使用以下代码，这些代码是我在查看其他jQuery时编写的

jQuery(window).resize(function () {
    var Tags = jQuery( ".case-studies .items-row div.span4" );
    var wi = jQuery(window).width();
    if (wi < 980) {
       if ( Tags.parent().is( "div.items-row.cols-3.row-0.row-fluid" ) ) {
    Tags.unwrap();
       }
    } else {
         (Tags.wrap.parent( "<div .items-row.cols-3.row-0.row-fluid></div>" ));}

});

jQuery（窗口）。调整大小（函数（）{
var Tags=jQuery（“.case studies.items行div.span4”）；
var wi=jQuery（window）.width（）；
如果（wi<980）{
if（Tags.parent（）是（“div.items-row.cols-3.row-0.row流体”））{
Tags.unwrap（）；
}
}否则{
（Tags.wrap.parent（“”）；}
});

我猜你会意识到我遇到了一些问题

• jQuery在页面加载时不适用于低于980px的页面，但是，当您从大屏幕开始并将宽度缩小到低于980px时，jQuery可以工作
• 一旦jQuery被激发并且屏幕大小超过980px，被移除的div就不会被重新应用

请解释我哪里出了问题，因为我想知道

谢谢你的时间

更新 任何jQuery之前的html是：

<section>
  <div class="items-row cols-3 row-1 row-fluid">
        <div class="span4"></div>
  </div>
</section>

使用以下jQuery：

jQuery(window).load(function () {
    var Tags = jQuery( ".case-studies .items-row div.span4" );
    var wi = jQuery(window).width();

    if (wi < 980) {
       if ( Tags.parent().is( "div.items-row.cols-3.row-0.row-fluid" ) ) {
    Tags.unwrap();
       }
    } 

    else {

    Tags.wrap( "<div></div>");


         }
});

jQuery（窗口）.load（函数（）{
var Tags=jQuery（“.case studies.items行div.span4”）；
var wi=jQuery（window）.width（）；
如果（wi<980）{
if（Tags.parent（）是（“div.items-row.cols-3.row-0.row流体”））{
Tags.unwrap（）；
}
} 
否则{
标记。换行（“”）；
}
});

现在，在页面加载时超过980px时会发生这种情况：

<section>
  <div class="items-row cols-3 row-1 row-fluid">
        <div>
            <div class="span4"></div>
        </div>
  </div>
</section>

当我刷新980px以下的页面时：

<section>
    <div class="span4"></div>
</section>

980px以下的结果是正确的，但仅在刷新屏幕时运行。980px以上的结果不是我的预期结果，我希望它保留或返回：

<section>
      <div class="items-row cols-3 row-1 row-fluid">
            <div class="span4"></div>
      </div>
    </section>

#1

：在页面加载时调用该函数一次，这样就不需要调整大小即可获得它

#2

：

else{
（Tags.wrap.parent（“”）；}

应该是

else {
     (Tags.wrap( "<div .items-row.cols-3.row-0.row-fluid></div>" ));}

else{
（Tags.wrap（“”）；}

ok我改为：jQuery（window）.load（function（）{现在它只在980px下工作，页面重新加载#2当页面加载时，else在980px以上运行，所以当我不需要它时，我会添加一个额外的div父项。

Tags.wrap.parent（“”

），这是什么意思？

wrap（）

是一种方法，它需要一个参数来执行任何操作，parent接受的选择器不是HTML字符串，提供的字符串不是有效的HTML，也不会创建有效的HTML。您是否在任何时候查看过浏览器的JavaScript控制台（

F12

在大多数浏览器中）看到报告的错误了吗？谢谢你的回复，正如我说的，我是javascript新手，你会在下面注意到，Tdelang已经指出了这一点，我已经对它进行了更改。它仍然是坏的。你能为980px以上的视图显示（相关）HTML和（相关）HTML吗你想要低于980px的HTML吗？因为如果没有它，我们将试图从非工作代码中猜出你想要做什么。我已经更新了原始帖子，任何帮助都将不胜感激

else {
     (Tags.wrap( "<div .items-row.cols-3.row-0.row-fluid></div>" ));}