javascript - 使用jquery修改类属性

Question

<ul>
<li><a class="selected">A</a></li>
<li><a>B</a></li>
<li><a>C</a></li>
</ul>

如何删除从所有 <li>'s 中选择的属性当单击其中一个元素并将被单击的元素设置为选中时？

我正在学习 jquery。

更新了代码

Answer 1

更新:

您可以像这样修改链接的代码:

$(function(){
  $('#container ul > li > a').click(function(){
    $(this).siblings('.selected').removeClass('selected');
    $(this).addClass('selected');
  });
});

---

你可以这样做:

$(function(){
  $('#container ul > li').click(function(){
    $(this).siblings('.selected').removeClass('selected');
    $(this).addClass('selected');
  });
});

siblings()方法用于查找被点击元素周围的 sibling 然后removeClass用于删除具有一个的选定类。后来addClass用于将选定的类应用于用 $(this) 引用的单击元素。上面代码中的 container 应该是包含您的列表的元素的 id。

另请注意，点击事件适用于链接或按钮而不是列表:)