javascript - 无法使用 jQuery 更改文本颜色

Question

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

代码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');
  });
});

Answer 1

在这里你可以试试这段代码

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

Js fiddle 链接 click here