Ignore table click function when clicking on a link

Question

I have a click method when the user taps a row in my table.

$(\'.table > tbody > tr\').click(function () {
    if ($(this).hasClass(\"info\")) {
        $(         


        

Answer 1

Just check if a link is clicked with event.target and .closest() :

$('.table > tbody > tr').click(function (e) { //Catch event here
    if($(e.target).closest('a').length) return; // Add this
    if ($(this).hasClass("info")) {
        $(this).removeClass("info");
    }
    else {
        $(this).addClass("info");
    }
});

Answer 2

You can click event from propagating from the anchor

$('.table > tbody > tr a').click(function (e) { 
    e.stopPropagation()
});

http://jsfiddle.net/JkebH/