Jquery 单击某个跨度时，从同一父级下的其他跨度中删除所有类

也有一些类似的问题，但要么过于宽泛，要么没有显示好的示例代码

我只想做的是，如果用户单击span b按钮，那么所选类将从所有其他span中删除，并替换为notSelected类

这个问题的jQuery解决方案是什么

谢谢

试试这个：

$('span').click(function(){
  $(this).parent().children('span').each(function(){
    $(this).removeClass('selected').addClass('notSelected');
  });
  $(this).removeClass('notSelected').addClass('selected');
});

工作示例：

从单击的元素中删除notSelected类。 将所选类添加到单击的元素。 从所有同级中删除选定的类。 将notSelected类添加到所有同级。

作为旁注，我不会为notSelected类而烦恼

---

您可以通过是否存在选定项来决定选择哪个元素。如果元素没有所选的类，那么它就不会被选中。

b仅按钮，或者更一般的答案？是，链接到最大-非常成功，先生。

$('span').live('click',function(){

$(this).removeClass('notSelected');
$(this).addClass('selected');


    $(this).siblings().each(function(){

          $(this).removeClass('Selected');
          $(this).addClass('notSelected');

    });

});

$('#mainNav > span').click(function() {

       $(this)
        .removeClass('notSelected')
        .addClass('selected')
        .siblings()
         .removeClass('selected')
         .addClass('notSelected');

});

$('span').live('click',function(){

$(this).removeClass('notSelected');
$(this).addClass('selected');


    $(this).siblings().each(function(){

          $(this).removeClass('Selected');
          $(this).addClass('notSelected');

    });

});