JQuery - Ligne de tableau cliquable, sauf la dernière cellule

Question

J'essaie d'utiliser JQuery pour rendre une ligne de table cliquable et rediriger vers une URL qui est cachée dans la première cellule. J'ai une image dans la dernière colonne du tableau qui devrait rediriger vers une URL différente.

JQuery est la suivante.

$(function() { 
    $('#link-table td:first-child').hide(); 

    $('#link-table tr').hover(function() { 
     $(this).toggleClass('highlight'); 
    }); 

    $('#link-table tr').click(function() { 
     location.href = $(this).find('td a').attr('href'); 
    }); 
}); 

En cliquant sur les travaux de ligne, en cliquant sur le lien de l'image dans la dernière cellule redirige vers la même URL que cliquant sur la ligne qui est pas ce que je veux.

J'ai essayé d'utiliser ce code pour l'événement click

$('#link-table tr td:not(:last-child))').click(function() { 
     location.href = $(this).find('td a').attr('href'); 
    }); 

En cliquant sur le lien d'image dans les dernières œuvres de cellules mais en cliquant sur la ligne redirige maintenant vers l'URL attachée à l'hyperlien d'image dans la dernière cellule.

Comment puis-je l'obtenir en cliquant sur la ligne redirige vers une URL, en cliquant sur le lien hypertexte dans la dernière cellule redirige vers un autre?

Answer 1

$('#link-table tr td:not(:last-child)').click(function() { 
     location.href = $(this).find('td a').attr('href'); 
    }); 

Votre $(this) est le '#link-table tr td:not(:last-child))', vous pouvez trouver le tr avec var tr = $(this).closest('tr'); Ensuite, vous pouvez utiliser var tr pour faire tout ce que vous aimez

puis trouver 'td a' etc.

Answer 2

Vous devez probablement retourner:

$('#link-table tr').last().click(function() { 
    return false; 
});