jQuery：使用2个函数与表

Question

我创建了一个listview小部件，它使用一个表并为其行指定了一个函数，如：

$("tr",myTable).bind("click",function(){
    selectRow($(this));
});

我现在想要应用另一个名为deleteRow的函数，但仅到每一行的最后一个单元格：

$("td:last-child",myTable).bind("click",function(){
    deleteRow($(this));
});

我的问题：当点击最后一个单元格来删除行时，我不希望激活selectRow函数 - 我该如何避免这种情况？

THX

Answer 1

您可以将click从bubbling up停止到<tr>，如下所示：

$("td:last-child",myTable).bind("click",function(e){
    deleteRow($(this));
    e.stopPropagation();
});

由于您的其他点击处理程序位于<tr>上，因此您不会触发，因为您使用event.stopPropagation()阻止它进行冒泡。