无法使用jQuery更改文本颜色

我无法使用jQuery更改文本颜色。我已经通过其他类似的问题尝试实现解决方案，但不知何故，它不工作。不知道我哪里错了。请帮忙。我创建了一个demo 无法使用jQuery更改文本颜色

CODE HTML

<div class="wrapper"> 
<button class="addItem">Add Item</button> 
<button class="removeItem">Remove Last Item</button> 
<div class="clear"> 

</div> 
<div class="colr blue">blue</div> 
<div class="colr red">red</div> 
<div class="clear"> 

</div> 
<ul class="items"> 
<li class="newItem">ONE</li> 
<li class="newItem">ONE</li> 
</ul> 
</div>

CSS

.clear{ 
    clear:both; 
} 
.colr{ 
    height:20px; 
    width:50px; 
    float:left; 
    color:white; 
    padding:10px; 
    margin:10px; 
    text-align:center; 
    cursor:pointer; 
} 

.blue{ 
    background:blue; 

} 

.red{ 
    background:red; 
}

jQuery的

$(document).ready(function(){ 
    $('.addItem').click(function(){ 
    $('.items').append("<li class=\'newItem\'>NEW ITEM</li>"); 
    }); 
    $('.removeItem').click(function(){ 
    $('.items li:last-child').remove(); 

    }); 
    $('blue').click(function(){ 
    $('.items').css('color','blue'); 
    }); 
    $('red').click(function(){ 
    $('.newItem').css('color','red'); 
    }); 
});

来源

2016-02-28 Shalini

你的选择是错误的; ''blue''应该是''.blue''，''red''应该是''.red'' – Pointy

啊傻我谢谢:) – Shalini

你可以使用'console.log'来查看错在哪里。首先，将其添加到处理程序。如果控制台没有显示任何内容，那么检查'$（'blue'）。length'是否等于'0'，那么你的选择器是错误的。 – FreeLightman

在这里，你可以试试这个代码

$('.blue').click(function(){ 
    $('.items').css('color','blue'); 
    }); 
    $('.red').click(function(){ 
    $('.newItem').css('color','red'); 
    });

的js拨弄链接click here

来源

2016-02-28 14:33:51

thx我意识到它时，尖尖的评论 – Shalini

无法使用jQuery更改文本颜色

回答

相关问题