Q:

How to prevent the event handler in a nested element within the target element in jQuery?

<tr>
  <td>
    <a></a>
  </td>
</tr>

Ok the thing is that the <tr> node have the event listener $('tr').click(handler1). But I don't want the <a> node have the same behaviour as the  has.
Is there anyway I can do it without jQuery?

A:

add a event handler to the a as well and prevent default 
$(function(){
  $("tr a").click(function(e){
       e.preventDefault();
   });
});

Update:
batter yet if you want the link to continue doing the default action but you don't want the event to bubble up to the tr change it to e.stopPropagation(); instead of e.preventDefault();

