JQuery - Riga di tabella cliccabile, eccetto l'ultima cella

Question

Sto cercando di utilizzare JQuery per rendere una riga della tabella cliccabile e reindirizzare a un URL nascosto nella prima cella. Ho un'immagine nell'ultima colonna della tabella che dovrebbe reindirizzare a un URL diverso.

JQuery è il seguente.

$(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'); 
    }); 
}); 

Cliccando le opere di riga, facendo clic sul collegamento ipertestuale immagine nell'ultima cella reindirizza alla stessa URL, clic sulla riga che non è quello che voglio.

Ho provato ad utilizzare questo codice per l'evento click

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

clic sul collegamento ipertestuale immagine nelle ultime opere di cella ma cliccando sulla riga ora reindirizza all'URL attaccato al collegamento ipertestuale immagine nell'ultima cella.

Come posso ottenerlo facendo clic sulla riga reindirizza a un URL, facendo clic sul collegamento ipertestuale nell'ultima cella reindirizza a un altro?

Answer 1

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

tuo $(this) è il '#link-table tr td:not(:last-child))', potete trovare il tr con var tr = $(this).closest('tr'); Quindi è possibile utilizzare var tr a fare quello che vuoi

poi

trova 'td a' ecc.

Answer 2

probabilmente avete bisogno di tornare:

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