從頭部取下<style> - jQuery的

我試圖從<head>從頭部取下<style> - jQuery的

$('head').append('<style>#hide-menu-bg {border-bottom: solid 1px #361e1e;} #hide-menu-bg:after {border-bottom: solid 1px #703f3f;} </style>');

這個我試過刪除此元素：

$("style.hmbg").remove();

但它只是從<style>不是整個元素刪除類 - <style>

來源

2013-11-09 Macko Tarana

樣式元素沒有類

$('head').append('<style class="hmbg">#hide-menu-bg {border-bottom: solid 1px #361e1e;} #hide-menu-bg:after {border-bottom: solid 1px #703f3f;} </style>');

演示：Fiddle

來源

2013-11-09 16:06:18

爲什麼你有這樣的？

$("style.hmbg").remove();

這將查找類hmbg類的樣式標記。

確保JavaScript在樣式標記之後。

只要有代碼執行此：

$("style").remove();

如果你有比泥潭一種風格標籤，這將是HTML5的data-*屬性很好的利用。

你的代碼可以蘆葦這樣的：

$('head').append('<style data-test>#hide-menu-bg {border-bottom: solid 1px #361e1e;} #hide-menu-bg:after {border-bottom: solid 1px #703f3f;} </style>');

然後：

$("style[data-test]").remove();

注意：您提供的數據屬性值，但對他，我們不需要。

來源

2013-11-09 16:08:35 Progo

它不工作;） –

從頭部取下<style> - jQuery的

回答

相關問題