jQuery的去除btns類在BTN添加單擊了

Question

我這裏有一個的jsfiddle - http://jsfiddle.net/03xck9tr/1/

這是一個鏈接

當一個人被點擊我要添加「選擇」到一個類的簡單列表BTN。

我需要從以前被點擊的btns中刪除'selected'類。

這類作品，但它刪除類添加它，然後再次刪除它。

$(function(){ 
     $('.js-btn').on('click', function(){ 
      $('.js-btn').removeClass('js-btn-selected'); 
      $(this).Class('js-btn-selected'); 
     }) 
    }) 

Answer 1

您可以在一個行做得一樣

$('.js-btn').not(this).removeClass('js-btn-selected'); 

Answer 2

您使用不excist一個.Class jQuery的屬性。使用.addClass();

$(function(){ 
    $('.js-btn').on('click', function(){ 
     $('.js-btn').removeClass('js-btn-selected'); 
     $(this).addClass('js-btn-selected'); 

     //adding this here because it's a link 
     return false; 
    }) 
}) 

http://jsfiddle.net/03xck9tr/2/

Answer 3

$(function(){ 
    $('.js-btn').on('click', function(){ 
     $('.js-btn').removeClass('js-btn-selected'); 
     $(this).addClass('js-btn-selected'); 
    }) 
}) 

您需要addClass，使其選擇你想要的。

Answer 4

這是一個更好的辦法，因爲你只遍歷有.js文件-BTN-選擇按鈕。這是唯一將是當然的1 :)

$(function(){ 
     $('.js-btn').on('click', function(){ 
      $('.js-btn-selected').removeClass('js-btn-selected'); 
      $(this).addClass('js-btn-selected'); 
     }) 
    }) 

http://codepen.io/anon/pen/KdmPww