如何刪除insertBefore（）中添加的'<br />'元素？

我正在一個響應式網站上工作，當屏幕達到一定的大小時，我想在元素前添加一些breaklines來移動東西。我已經完成了這一點。如何刪除insertBefore（）中添加的'<br />'元素？

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

    console.log(WINDOW) 

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

});

當窗口回到1025以上時，是否有任何方法去除這些折線？我想我正在尋找insertBefore（）的反義詞。

我希望能夠調整瀏覽器的大小，並且觀察所有事物的跳躍位置，我毫無意義，但事實上我無法做到這一點令我煩惱。

謝謝。

我可以在媒體查詢中封裝jQuery嗎？

來源

2013-07-29 Daft

邊注：請儘量保持一致，無論是使用'$'或'jQuery'。 –

您是否嘗試過使用CSS填充內容而不是使用分隔線？ –

而不是使用換行符，嘗試使用CSS來添加邊距或填充以創建您試圖實現的空間。 – Samer

鈍的解決方案。事情是這樣的：

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

});

來源

2013-07-29 15:51:24 mishik

平靜但有效！乾杯！！ – Daft

你都知道，一個「reponsive」設計並不意味着它響應用戶改變其屏幕的尺寸，但也顯示在不同的屏幕尺寸（即移動VS桌面）。

你可以使用CSS做同樣的，有一個CSS規則是這樣的（我覺得我沒有做太多的CSS）：

// 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 
}

來源

2013-07-29 15:53:11 samjudson

我知道這一點。已經在使用媒體查詢，但我正在處理別人的代碼，而這個代碼從來沒有打算做出反應，所以我不得不對其進行破解，以便讓它做我想做的事情。 – Daft

如何刪除insertBefore（）中添加的'<br />'元素？

回答

相關問題