Is there any way to remove a <style> tag from the page using jquery?
and i need to remove particular style tag.
Thanks.
6 Answers
$(document).ready(function(){
$('style').detach();
// or
$('style').remove();
});
Comments
If you want to remove a specific style tag, you can add a class (or id) to it and then use remove() to remove that class. I have tested it and it works. I am not sure this should be allowed, but if you have no other options...
HTML
<style class="style-tag">
p {
color: #000;
}
</style>
JQuery
$('.style-tag').remove();
Comments
$(document).ready(function(){
$('style').remove() ;
});
1 Comment
krishna
Is there any way to remoev specify style element tag,thanks for the answer
try remove
try this
$('style').remove();
Comments
To remove a particular style tag, you'd need to assign it an id, like this:
<style id="someid">.elem{display:none;}</style>
After that use jQuery's remove function to get rid of it, like this:
$('style#someid').remove();
I hope this helps.
Comments
If you want to remove style tag from specific class or id ,then you can just mention their class or id name. Like this:
html:
<style>
.menu { display: none; }
</style>
jquery:
$('.menu style').remove();
$('style').remove() ;?