JQuery - 마지막 셀을 제외한 클릭 가능한 테이블 행

Question

JQuery를 사용하여 테이블 행을 클릭 할 수있게 만들고 첫 번째 셀에 숨겨진 URL로 리디렉션하려고합니다. 다른 URL로 리디렉션해야하는 표의 마지막 열에 이미지가 있습니다.

JQuery는 다음과 같습니다.

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

, 행 작품을 클릭하면 마지막 셀에서 이미지의 하이퍼 링크를 클릭하면 내가 원하는 것이 아니다 행을 클릭하는 것과 동일한 URL로 리디렉션.

는 지금 마지막 셀의 작품에서 이미지의 하이퍼 링크를 클릭하면 클릭 이벤트

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

이 코드를 사용하지만 행을 클릭하려고 마지막 셀의 이미지 하이퍼 링크에 첨부 된 URL로 리디렉션.

행을 클릭하면 한 URL로 리디렉션되고 마지막 셀의 하이퍼 링크를 클릭하면 다른 셀로 리디렉션됩니다.

Answer 1

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

가 $(this)가 '#link-table tr td:not(:last-child))' 당신의

다음 'td a' 등

Answer 2

당신은 아마 반환해야 : 당신은 당신이 원하는대로 할 var tr를 사용할 수있는 tr 다음 var tr = $(this).closest('tr'); 당신이 찾을 수

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