jquery - 为什么我的 jQuery 代码无法匹配具有动态 ID 的元素？

Question

此代码应该使用正确的 id 向 span 元素“保存”添加一个类属性。但在某种程度上它没有这样做。也许我错过了一些东西，似乎无法弄清楚。

<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 上）。