排除行选择中的最后一列

时间:2013-12-16 23:03:37

标签: javascript jquery html-table row

我有一个脚本,如果我点击该行中的任何位置,它会将我带到第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>

1 个答案:

答案 0 :(得分:0)

您可以使用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/