Jquery 如何删除'&书信电报；br/>'；使用insertBefore（）添加的元素？

我在一个有响应的网站上工作，当屏幕达到一定大小时，我想在元素之前添加一些特征线来移动内容。我已经用这个做到了

jQuery(window).resize(function () {
    var WINDOW = jQuery(window).width();

    console.log(WINDOW)

    if (WINDOW < 1025) {
        jQuery('<br /><br />').insertBefore('#FILTER_ADVANCED');
    }

});

jQuery（窗口）。调整大小（函数（）{
var WINDOW=jQuery（WINDOW）.width（）；
console.log（窗口）
如果（窗口<1025）{
jQuery（“

”）.insertBefore（“#FILTER_ADVANCED”）；
}
});

当窗口恢复到1025以上时，是否有方法删除这些特征线？我想我在寻找insertBefore（）的反面

我想能够调整浏览器的大小，看着所有的东西都跳入正确的位置，我知道这毫无意义，但我做不到这一点让我很恼火

谢谢

---

我可以将jQuery封装在媒体查询中吗？

解决方案。大概是这样的：

$(window).resize(function () {
    var WINDOW = $(window).width();

    console.log(WINDOW)

    if (WINDOW < 1025) {
        jQuery('<br /><br />').insertBefore('#FILTER_ADVANCED');
    } else {
        jQuery("#FILTER_ADVANCED").prev("br").remove();
        jQuery("#FILTER_ADVANCED").prev("br").remove();
    }

});

$（窗口）。调整大小（函数（）{
var WINDOW=$（WINDOW.width（）；
console.log（窗口）
如果（窗口<1025）{
jQuery（“

”）.insertBefore（“#FILTER_ADVANCED”）；
}否则{
jQuery（“#FILTER_ADVANCED”）.prev（“br”）.remove（）；
jQuery（“#FILTER_ADVANCED”）.prev（“br”）.remove（）；
}
});

您知道，“响应式”设计并不意味着它能响应用户改变屏幕大小，而是能在不同大小的屏幕（即移动屏幕和桌面屏幕）上很好地显示

你可以使用CSS来做同样的事情，有一个类似这样的CSS规则（我想，我不怎么做CSS）：

---

旁注：请尽量保持一致，可以使用

$

或

jQuery

。您是否尝试过使用CSS填充内容，而不是使用换行符？不要使用换行符，尝试使用CSS添加边距或填充来创建您试图实现的空间。我尝试了我能想到的所有CSS方法。老实说，我想避免使用jQuery，但这确实是我最后的选择。直率但有效！干杯我知道这一点。我已经在使用媒体查询了，但我正在编写别人的代码，而这些代码从来都不打算有响应性，所以我不得不对其进行黑客攻击和删减，以使其达到我想要的效果。

// big screen - no padding
@media (min-width:1024px) 
{ 
  #FILTER_ADVANCED padding-top: 0px
}

// small screen - some padding
@media (max-width:1024px) 
{ 
  #FILTER_ADVANCED padding-top: 10px
}