jQuery onClick preventDefault

Question

Ich habe eine Tabelle, von der ich die Linkklicks unterdrücken möchte, weil ich die Links für andere Funktionalität benötige.

Die Struktur der Tabelle ist so etwas wie folgt aus:

<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 

meine jQuery-Code, um zu versuchen und blockieren die die Seite von erfrischend, und zeigt die ID das ist

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

ich auch haben folgende versucht, die

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

und sogar

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

jedoch hat keine dieser Funktionen irgendetwas getan.

Die Versionen ich verwende, sind

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

Answer 1

Simplest Ansatz:

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

Answer 2

Versuchen Sie das Skript in 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

Sie die id des a

Versuchen

tr der angeklickten closest finden müssen, um setzen

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

Answer 4

Try this:

$(document).ready(function(){ 

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

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

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

}); 

Dies wird die ID der a Sie geklickt haben, erhalten wählen. Ich habe auch das als jSFiddle erstellt: http://jsfiddle.net/pAZeb/

Answer 5

Vielleicht müssen Sie das ändern folgende:

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