Javascript 使用JQuery在DIV中动态添加和删除广告代码

我想在桌面视图的侧边栏上显示广告代码，但当我们将其调整为移动视图或在移动视图上打开时，广告代码应该被删除

我的尝试如下：

if($(window).width() > 479 )
    {
        $('.reccommended_box').text(
                '<div class="sidebar-ad">'
                + {!! $domain->code4 !!}
                +'</div>'
        );
    }else
    {
        $('.sidebar-ad').remove();
    }

$(window).resize(function() {
        if($(window).width() <= 479 )
        {
            $('.sidebar-ad').remove();
        }else
        {
            $('.reccommended_box').text(
                    '<div class="sidebar-ad">'
                    + '{!! $domain->code4 !!}'
                    +'</div>'
            );
        }
    });

<div class="reccommended_box">
     <span class="sidebar-ad">

     </span>
</div>

<div id="taboola-right-rail-article-thumbnails"></div>
<script type="text/javascript">
  window._taboola = window._taboola || [];
  _taboola.push({
    mode: 'thumbnails-rr',
    container: 'taboola-right-rail-article-thumbnails',
    placement: 'Right Rail Article Thumbnails',
    target_type: 'mix'
  });
</script>
<div id="contentad192237"></div>
<script type="text/javascript">
    (function(d) {
        var params =
        {
            id: "xxx",
            d:  "xxx",
            wid: "xxx",
            cb: (new Date()).getTime()
        };

        var qs=[];
        for(var key in params) qs.push(key+'='+encodeURIComponent(params[key]));
        var s = d.createElement('script');s.type='text/javascript';s.async=true;
        var p = 'https:' == document.location.protocol ? 'https' : 'http';
        s.src = p + "://api.content.ad/Scripts/widget2.aspx?" + qs.join('&');
        d.getElementById("contentad192237").appendChild(s);
    })(document);
</script>

if（$（窗口）.width（）>479）
{
$（'.recommited_box'）。文本(
''
+{！！$domain->code4！！}
+''
);
}否则
{
$（'.sidebar ad'）.remove（）；
}
$（窗口）。调整大小（函数（）{
if（$（window）.width（）code4！！}是来自数据库的动态广告代码。
侧边栏如下：

if($(window).width() > 479 )
    {
        $('.reccommended_box').text(
                '<div class="sidebar-ad">'
                + {!! $domain->code4 !!}
                +'</div>'
        );
    }else
    {
        $('.sidebar-ad').remove();
    }

$(window).resize(function() {
        if($(window).width() <= 479 )
        {
            $('.sidebar-ad').remove();
        }else
        {
            $('.reccommended_box').text(
                    '<div class="sidebar-ad">'
                    + '{!! $domain->code4 !!}'
                    +'</div>'
            );
        }
    });

<div class="reccommended_box">
     <span class="sidebar-ad">

     </span>
</div>

<div id="taboola-right-rail-article-thumbnails"></div>
<script type="text/javascript">
  window._taboola = window._taboola || [];
  _taboola.push({
    mode: 'thumbnails-rr',
    container: 'taboola-right-rail-article-thumbnails',
    placement: 'Right Rail Article Thumbnails',
    target_type: 'mix'
  });
</script>
<div id="contentad192237"></div>
<script type="text/javascript">
    (function(d) {
        var params =
        {
            id: "xxx",
            d:  "xxx",
            wid: "xxx",
            cb: (new Date()).getTime()
        };

        var qs=[];
        for(var key in params) qs.push(key+'='+encodeURIComponent(params[key]));
        var s = d.createElement('script');s.type='text/javascript';s.async=true;
        var p = 'https:' == document.location.protocol ? 'https' : 'http';
        s.src = p + "://api.content.ad/Scripts/widget2.aspx?" + qs.join('&');
        d.getElementById("contentad192237").appendChild(s);
    })(document);
</script>



代码正在显示，但工作不正常

广告代码格式如下：

if($(window).width() > 479 )
    {
        $('.reccommended_box').text(
                '<div class="sidebar-ad">'
                + {!! $domain->code4 !!}
                +'</div>'
        );
    }else
    {
        $('.sidebar-ad').remove();
    }

$(window).resize(function() {
        if($(window).width() <= 479 )
        {
            $('.sidebar-ad').remove();
        }else
        {
            $('.reccommended_box').text(
                    '<div class="sidebar-ad">'
                    + '{!! $domain->code4 !!}'
                    +'</div>'
            );
        }
    });

<div class="reccommended_box">
     <span class="sidebar-ad">

     </span>
</div>

<div id="taboola-right-rail-article-thumbnails"></div>
<script type="text/javascript">
  window._taboola = window._taboola || [];
  _taboola.push({
    mode: 'thumbnails-rr',
    container: 'taboola-right-rail-article-thumbnails',
    placement: 'Right Rail Article Thumbnails',
    target_type: 'mix'
  });
</script>
<div id="contentad192237"></div>
<script type="text/javascript">
    (function(d) {
        var params =
        {
            id: "xxx",
            d:  "xxx",
            wid: "xxx",
            cb: (new Date()).getTime()
        };

        var qs=[];
        for(var key in params) qs.push(key+'='+encodeURIComponent(params[key]));
        var s = d.createElement('script');s.type='text/javascript';s.async=true;
        var p = 'https:' == document.location.protocol ? 'https' : 'http';
        s.src = p + "://api.content.ad/Scripts/widget2.aspx?" + qs.join('&');
        d.getElementById("contentad192237").appendChild(s);
    })(document);
</script>


窗口。_taboola=窗口。_taboola | |[]；
_塔博拉推({
模式：“缩略图rr”，
容器：“taboola右栏文章缩略图”，
位置：'右栏文章缩略图'，
目标类型：“混合”
});
（职能（d）{
变量参数=
{
id:“xxx”，
d:“xxx”，
wid：“xxx”，
cb:（新日期（））.getTime（）
};
var qs=[]；
对于（参数中的var key）qs.push（key+'='+encodeURIComponent（参数[key]）；
var s=d.createElement（'script'）；s.type='text/javascript'；s.async=true；
var p='https:'==document.location.protocol？'https'：'http'；
s、 src=p+“：//api.content.ad/Scripts/widget2.aspx？”+qs.join（“&”）；
d、 getElementById（“contentad192237”）。追加子项；
})（文件）；
使用CSS，您可以轻松做到这一点：

@media (min-width: 480px) {
    .sidebar-ad {
        display: none;
    }
}

是的，我知道这一点，但我只是不想隐藏，但想删除代码：）。Display none显然会隐藏DIV，但不会删除它：）。谢谢你的帮助