Удалить <стиль> из головы - JQuery

Question

Удалить <стиль> из головы - JQuery

0

Я пытаюсь удалить этот элемент из <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>

Macko Tarana 09 нояб. 2013, в 17:47

Источник

Теги:

jquery

2 ответа

Ещё вопросы

Arun P Johny · Answer 1 · 2013-11-09T13-06-00.000Z

элемент стиля не имеет класса

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

Демо: скрипка

Progo · Answer 2 · 2013-11-09T13-13-00.000Z

Почему у вас это есть?

$("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 значение, но для него нам не нужно.