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()方法用于查找被点击元素的周围兄弟，然后removeClass用于删除具有一个的所选类。稍后addClass用于将所选类应用于使用$(this)引用的点击元素。上面代码中的container应该是包含列表的元素的id。

另请注意，点击事件适用于链接或按钮而非列表：）

Answer 2

使用addClass和removeClass。

Answer 3

removeAttr（'class'）或removeClass（'selected'）

使用jquery修改类属性

3 个答案:

更新