Remove dynamically added css from <head>

Question

On button click, I'm adding a css to the <head>:

$("head").append("<link id='#color_1_css' href='" + newCssHref +"' type='text/css' rel='stylesheet' />");

which adds to <head>:

<link id="#color_1_css" rel="stylesheet" type="text/css" href="http://domain.com/styles/colors/f69548/f69548.css">

On another button click I need to remove it again. I tried the following, which doesn't work for some reason:

   $('html').on('click', '.clear-color-picker', function(events){
           var id = $(this).attr('data-parentID').replace('background_color','');
           $('#' + $(this).attr('data-parentID')).setColor('');
           $('#' + id).css('background-color','');

           if (id == 'main-color') {
                console.log('clicked');
                $('#color_1_css').remove();
            }
   })

Any ideas?

Did it produce any errors?

David Passmore
– David Passmore

2014-12-15 15:50:50 +00:00
Commented Dec 15, 2014 at 15:50 — David Passmore
– David Passmore, Commented Dec 15, 2014 at 15:50
No, it just doesn't remove the style for some reason...

user1049961
– user1049961

2014-12-15 15:51:35 +00:00
Commented Dec 15, 2014 at 15:51 — user1049961
– user1049961, Commented Dec 15, 2014 at 15:51
<link id="#color_1_css" should be <link id="color_1_css"

Ted
– Ted

2014-12-15 15:56:03 +00:00
Commented Dec 15, 2014 at 15:56 — Ted
– Ted, Commented Dec 15, 2014 at 15:56

T.J. Crowder · Accepted Answer · 2014-12-15 16:08:48Z

5

Because your id starts with #?

edited Dec 15, 2014 at 16:08

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

answered Dec 15, 2014 at 15:53

zord

4,8333 gold badges28 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Marc B · Accepted Answer · 2014-12-15 15:54:01Z

4

Your ID is incorrect:

$("head").append("<link id='#color_1_css'
                            ^---

It should be id='color_1_css', or you use $('##color_1_css') instead

answered Dec 15, 2014 at 15:54

Marc B

362k44 gold badges433 silver badges508 bronze badges

1 Comment

T.J. Crowder Over a year ago

"or you use $('##color_1_css') instead" No, you can't, you'd have to escape the second #.

Collectives™ on Stack Overflow

Remove dynamically added css from <head>

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related