jquery - jQuery コードが要素と動的 ID の一致に失敗するのはなぜですか?

Question

このコードは、適切な ID で「保存された」span 要素に class 属性を追加することになっています。しかし、ややそうしていません。おそらく私が見逃している何か、それを理解できないようです。

<script type="text/javascript">

jQuery(function($){ 

  $("a[id^='savebook-']").click(function(){
    match = this.id.match(/savebook-(\d+)/);
    savedclass = $("span#saved-"+match[1])
    savedclass.addClass("saved");
  });

});
</script>

使用例

<li><span class="save">
   <a href="#" id="savebook-1" rel="nofollow" class="button">Save Book</a>
   <span id="saved-1" >&nbsp;&nbsp;&nbsp;</span>
</span></li>

Answer 1

デフォルトのアクションを防ぐには、関数return false;からする必要があります。click()それとは別に、それは私にとってはうまくいきます（Google Chromeで）。