Javascript - 将类添加到元素,从兄弟姐妹中删除

时间:2017-04-02 14:50:24

标签: javascript jquery

代码是非常基本的(你可以在看到它时得到这个想法,无需解释),不知何故它不起作用......任何人都可以告诉我我做错了什么?



$("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>
&#13;
&#13;
&#13;

fiddle

2 个答案:

答案 0 :(得分:2)

int gcd(int n, int m) {
   if (n%m ==0) return m;
   if (n < m) swap(n, m);
   while (m > 0) {
       n = n%m;
       swap(n, m);
   }
   return n;
}

您正在查看所选 ... "User": { "dataSource": "mysqlDs", "public": false }, "member": { "dataSource": "mysqlDs", "public": true, "options": { "emailVerificationRequired": true } }, .... 的{​​{1}}。因此,无需$("ul li").click(function() { $(this).addClass('cell-selected') .siblings().removeClass('cell-selected') }); siblings

答案 1 :(得分:0)

您可以尝试使用它:

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