如何使用jQuery删除<style>元素？

问题描述

| 所以有这个网站，我想更改样式的最新更改，因为我认为它丑陋且无用。 我找到了最坏的部分，但奇怪的是我似乎无法删除它。

<div id=\"regularMenu\">
<ul class=\'menu2\'>
 <li>
    <a href=\"/linkA\" class=\"notcurrent\">link1</a>
 </li>
 <li>
    <a href=\"/linkB\" class=\"notcurrent\">link2</a>
 </li>
 <li>
    <a href=\"/linkC\" class=\"notcurrent\">link3</a>
 </li>
 <style>
   a,a:visited { color: #832; }
   #menu a,#menu a:visited { color: #832; }
   .menu2 li a,.menu2 li a:visited { color: #832; }
 </style>
</ul>
</div>

我试过了

 $(\'.menu2> *:last-child\').remove();

和

 $(\'/html/body/div[3]/div/ul/style\').remove();

那是css路径。我用萤火虫复制了它。 也尝试了复制的Xpath但:( 我也尝试过：

 $(\'a\').css(\"color\",\"#269\");

可以，但是它也会覆盖旧的CSS规则。我宁愿保留那个。 我试图寻找答案，但找不到任何帮助。所以现在我希望有人可以帮助我。 谢谢！     

解决方法

你有没有尝试过：

$(\'.menu2 style\').remove();

    ,如果保留样式块，则应保留它。使用它来更改颜色：

$(\'a\').css(\"color\",\"#269\");

这把它改回来

$(\'a\').css(\"color\",\"\");

它应该回到锚标记而不是内联样式的规则。     ,你需要

$(\'.menu2 > style\').remove();

在这里查看演示     ,用

document.styleSheets

查找所有使用的样式表，当发现不需要的样式表时，将

disabled

设置为true。 更多信息： https://developer.mozilla.org/en/document.styleSheets http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html#StyleSheets-StyleSheet 据我所知，它适用于所有现代浏览器。