在行选择中排除最后一列

Question

我有一个脚本，如果我单击该行中的任意位置，它会将我带到第 1 列中的链接。效果很好。但是我想在最后一列中放置一个按钮，如果我单击该按钮，它会将我带到第一列中的链接。所以我希望我的脚本排除最后一列。但是，现在当我单击一个单元格而不是将我带到该行的第一个单元格中的链接时，它会将我带到第一列第一行中的链接。或者更好的解决方案是只从脚本中排除按钮，而不是整个单元格。我将如何从下面的脚本中排除它？

<script>
    $('tbody tr td:not(:last-child)').click( function() {
    window.location = $('tbody tr td').find('a').attr('href');
    }).hover( function() {
    $(this).toggleClass('hover');
    });
</script>

Answer 1

您可以通过 stopPropagation 在按钮上使用另一个单击功能。例如：

$('tbody tr td').click(function(){
  //its ok, dont change this
});

$('.yourButton').click(function(e){
 e.stopPropagation();
 // do your stuff
})

做了一个小提琴：http://jsfiddle.net/a2Sd6/

下一个问题： 解决方法（没有 stopPropagation()）：http://jsfiddle.net/a2Sd6/1/