为什么我的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()来阻止默认操作。除此之外，它适用于我（在谷歌浏览器上）。