jQuery onClick 防止默认

Question

我有一个表格，我想抑制其中的链接点击，因为我需要其他功能的链接。

表格的结构是这样的:

<table>
<tr><th>Day</th><th>Event</th>
<tr class="DAY" id="DAY_0"><td>1-8-2013</td><td><a href="?tab=tabCalendar&dayEvent=DAY_0">Add Event</a></td></tr>
<tr class="DAY" id="DAY_1"><td>2-8-2013</td><td><a href="?tab=tabCalendar&dayEvent=DAY_1">Add Event</a></td></tr>
</table

我的 jquery 代码尝试阻止刷新页面，并显示 id 是这样的

<script>
  $("a").click(
      function(event) {
        event.preventDefault();
        alert('Picked: '+ event.target.id.slice(4) );
      }
    );
  </script>

我也尝试过以下方法

$(".DAY").click(function(){//to catch the class DAY.click()

甚至

$("[id^=DAY]").click(function(){//to catch the id DAY*.click

但是，这些函数都没有执行任何操作。

我使用的版本是

jquery-1.9.1.js
jquery-ui-1.10.3.custom.js

Answer 1

最简单的方法:

<script>
   $(".DAY").click(
      function(event) {
         event.preventDefault();
         alert('Picked: '+ $(this).attr('id').slice(4));
      }
   );
</script>