點擊標籤時如何更改圖標？

Question

林與一些標籤有一個小問題，我試圖改變圖標上的減號圖標時，它不加上圖標，如果這是有道理的。

我已經把它變成減號按鈕，當你點擊它，但它不會改變回來，當你點擊另一個選項卡。

$('ul.nav-tabs li').click(function(){ 
    $(this).find('i.tabIcon').removeClass('fa-plus').addClass('fa-minus'); 
    $('ul.nav-tabs li:not(active)').removeClass('fa-plus').addClass('fa-minus'); 
}); 

任何幫助，將不勝感激。

Answer 1

一種方法是去掉負號上的所有圖標，與+符號代替它們，那麼減號加起來也只有已經被點擊了該li的圖標：

//Store as variable outside the function so we don't have to keep looking them up each 
// time any of the li is clicked. 
var $tabIcons = $('ul.nav-tabs li i.tabIcon'); 
$('ul.nav-tabs li').click(function(){ 

    //remove - from all icons, add +. 
    $tabIcons.removeClass('fa-minus').addClass('fa-plus'); 

    //remove + from this tab icon, add -. 
    $(this).find('i.tabIcon').removeClass('fa-plus').addClass('fa-minus'); 
}); 

Answer 2

var selector = '.nav li'; 

$(selector).on('click', function(){ 
    $(selector).removeClass('active'); 
    $(this).addClass('active'); 
}); 

http://jsfiddle.net/bvf9u/