點擊切換圖標方法，jquery bootstrap方法

我是真菜，用了半天，沒有實現本身的效果，首先，我想的是利用attr的方法找到button的時候，觸發span的改變，把class的屬性裏的圖標進行改變，能夠實現這個功能，可是出現了一個bug，我是取的全部的button ，還有全部的span ,換句話說，我是將全部的圖標都進行切換了，並且不可以切換回來，方法不太好，由於我是直接調取的class方法，沒有用到ID，因爲ID纔是惟一的，因此我這個方法不靠譜，只能之後再說

$(document).ready(function(){
  $("button").click(function(){
    $("span").attr('class', 'glyphicon glyphicon-minus pull-left');
  });
});

後來想可以切換的方法

$(document).ready(function(){
  $("#one1").click(function(){
    $("#one").toggleClass("glyphicon glyphicon-minus");
  });
});

利用toggleClass能夠反覆調用的方式，開始實現這個功能，可是發現有兩個不足之處，第一，他須要button和span 兩個id，須要調用太多，並且要反覆寫四遍，我以爲高手應該不會這麼寫，我雖然仍是菜鳥，可是也不想用傻辦法。

而後我諮詢了別人，好像能夠用別的方法實現

$(document).ready(function(){
  $('.accordion-group').find('span').click(function(){$(this).toggleClass('glyphicon-plus-sign glyphicon-minus')});
});

可是隻能點圖標，不能點按鈕，由於click事件只綁定在span裏，因此只執行span ，沒有到dom，button那一級，因此有問題，後來在修改

$('.accordion-heading').click(function(){$(this).find('span').toggleClass('glyphicon-plus-sign glyphicon-minus')});

 

 

今天總結經驗，輪子是好的，關鍵是本身揣摩本身造輪子，不能單純的用方法，這樣起不到應用的效果，仍是得多思考，多想辦法