jQuery onClick preventDefault

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> 

Answer 2

嘗試把腳本DOM READY

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("a").on('click',function(event) { 
      event.preventDefault(); 
      alert('Picked: '+ $(this).parent('td').parent('tr').id.slice(4)); 
     }); 
    }); 
</script> 

Answer 3

你需要找到closesttr的點擊a

的 id

嘗試

jQuery(function($){ 
    $("a").click(function(event) { 
     event.preventDefault(); 
     alert('Picked: '+ $(this).closest('tr').attr('id').slice(4)); 
    }); 
}); 

Answer 4

試試這個：

$(document).ready(function(){ 

    $("a").click(
     function(event) { 
     event.preventDefault(); 

      DATA = $(this).closest('tr').attr('id').slice(4); 

     alert('Picked: ' + DATA); 
     } 
    ); 

}); 

這將讓你選擇點擊a的ID。我也創造了這個作爲的jsfiddle：http://jsfiddle.net/pAZeb/

Answer 5

也許你需要修改爲以下內容：

$("a").click(
function (event) { 
    event.preventDefault(); 
    alert('Picked: ' + $(this).closest('tr').attr('id').slice(4)); 
});