Question

我正在尝试从<head>

中删除此元素

$('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>

Answer 1

style元素没有类

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

演示：Fiddle

Answer 2

你为什么这么做？

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

注意：您可以为data属性赋值，但对于他们我们不需要。

从头部删除<style> - jQuery </style>

2 个答案: