从中删除动态添加的css

时间:2014-12-15 15:49:41

标签: jquery html css html-head

点击按钮,我将{c}添加到<head>

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

添加到<head>

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

在另一个按钮上单击我需要再次删除它。我尝试了以下内容,但由于某种原因无效:

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

有什么想法吗?

2 个答案:

答案 0 :(得分:5)

因为您的ID以#开头?

答案 1 :(得分:4)

您的ID不正确:

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

应为id='color_1_css',或者使用$('##color_1_css')代替