Jquery切换多个按钮

前端之家收集整理的这篇文章主要介绍了Jquery切换多个按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有多个按钮,通过 jquery切换脚本获得活动的css样式.但是我想一次只有一个按钮.但是,当我重新点击一个活动按钮时,它必须变得不活跃.
$(document).ready(function(){
    $('.button').click(function() {       
        $(this).toggleClass('buttonactive');
    });
});

基本上我需要添加一行说:

$(除此之外的所有.button).removeClass(‘buttonactive’);

我不知道怎么回事.有人能帮我吗?
这是一个有问题的JSFIDDLE:http://jsfiddle.net/nV5Tu/3/

解决方法

你可以这样做,使用 .toggleClass()切换当前元素..然后使用 .not()过滤掉当前元素从删除
$('.button').click(function() {  
    $('.button').not(this).removeClass('buttonactive'); // remove buttonactive from the others
    $(this).toggleClass('buttonactive'); // toggle current clicked element
});

FIDDLE

猜你在找的jQuery相关文章