Jquery 根据屏幕大小添加和删除包装器

我正在尝试根据屏幕大小添加和删除wrapInner。这可能吗

$(window).resize(function() {
    if (window.innerWidth < 768) {

        $('.homeNewsHeading > h3').wrapInner('<a href="#text" class="newcss" />');

    } else if (window.innerWidth > 768) {

    // How do I Remove the above wrapInner a-tag from the h3-tag?

    }
}).resize();

$（窗口）。调整大小（函数（）{
如果（窗内宽度<768）{
$（'.homeNewsHeading>h3'）.wrapInner（''）；
}否则如果（window.innerWidth>768）{
//如何从h3标签中删除上述wrapInner a标签？
}
}).resize（）；

$（窗口）。调整大小（函数（）{
如果（窗内宽度<768）{
$（'.homeNewsHeading>h3'）.wrapInner（''）；
}否则如果（window.innerWidth>768）{
$（'.homeNewsHeading>h3'）.text（$（'.homeNewsHeading>h3'）.text（））；
$（“#您的标记”）.remove（）；
}
}).resize（）；

.innerWrap在我缩小屏幕时起作用，.unwrap在我增大屏幕时起作用，但仅在刷新时起作用，而不是动态地。我不知道为什么，但只有这对我有效：

HTML

<div class="homeNewsHeading">
    <h3>Latest News</h3>
</div>

最新消息

Jquery

$(window).resize(function() {
    if (window.innerWidth < 768) {

        $('.homeNewsHeading > h3').wrapInner('<a href="#text" class="newcss" />');

    } else if (window.innerWidth > 768) {

        $('.homeNewsHeading > h3').replaceWith('<h3>Latest News</h3>');

    }
})

$（窗口）。调整大小（函数（）{
如果（窗内宽度<768）{
$（'.homeNewsHeading>h3'）.wrapInner（''）；
}否则如果（window.innerWidth>768）{
$（'.homeNewsHeading>h3'）。替换为（'Latest News'）；
}
})

试试看

$（窗口）。调整大小（函数（）{
如果（窗内宽度<768）{
$（'.homeNewsHeading>h3'）.wrapInner（'
var appendsToggle=function（）{
变量标题=$（'h2'）；
如果（$（窗口）.width（）<768）{
$（标题）。每个（函数（）{
if（！$（this.find（'a'）.length）
$（this.wrapInner（“”）；
});
}否则{
$（标题）。每个（函数（）{
if（$（this.find（'a'）.length）
$（this.html（$（this.find（'a'）.html（））；
});
}
}
附属物；
$（窗口）。调整大小（追加切换）；
它将如何删除子项，它将删除刚刚添加的tagHi，它也删除了子项文本。
$(window).resize(function() {
    if (window.innerWidth < 768) {

        $('.homeNewsHeading > h3').wrapInner('<a href="#text" class="newcss" />');

    } else if (window.innerWidth > 768) {

        $('.homeNewsHeading > h3').replaceWith('<h3>Latest News</h3>');

    }
})

$(window).resize(function() {
    if (window.innerWidth < 768) {
        $('.homeNewsHeading > h3').wrapInner('<a href="#text" class="newcss" />');
    } else if (window.innerWidth > 768) {
        $('.homeNewsHeading > h3').find('.newcss').children().unwrap();
    }
}).resize();

var appendsToggle = function(){

    var title = $('h2');

    if($(window).width() < 768){

        $(title).each(function(){
            if(!$(this).find('a').length)
                $(this).wrapInner('<a href="#"></a>');
        });

    }else{
        $(title).each(function(){
            if($(this).find('a').length)
                $(this).html($(this).find('a').html());
        });
    }
}
appendsToggle();
$(window).resize(appendsToggle);