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>

fiddle

Answer 1

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

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

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