Javascript-将类添加到元素，从同级中删除

Question

代码是非常基本的（查看代码时您可以理解它，无需解释），某种程度上它是行不通的...有人可以告诉我我在做什么错吗？

 $("ul li").click(function() { $(this).addClass('cell-selected') .parent().siblings().find('.cell-selected').removeClass('cell-selected'); }); 

 .cell-selected { color: #fff; background: #5b2200; border-color: #ce5209; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <ul> <li class="cell-selected"><a>First</a></li> <li><a>Second</a></li> <li><a>Third</a></li> </ul> 

小提琴

Answer 1

$("ul li").click(function() {

  $(this).addClass('cell-selected')
      .siblings().removeClass('cell-selected')
});

您正在查找选定li siblings 。因此，不需要parent()和find('.cell-selected').

Answer 2

您可以尝试：

 $("ul li").click(function() {
        $(this).addClass('cell-selected').siblings().removeClass('cell-selected');
 });