Question

我的javascript：

$(".openPage").click(function() { 
     alert(1); 
    }); 

$(".openButton").click(function() { 
     alert(2); 
    }); 

我的HTML：

<tr class='openPage'> 
<td></td> 
<td><button class='openButton'></button></td> 
</tr> 

当我在我的TD内点击链接第一个功能，而不是解雇具有警报（2）的功能。我怎样才能解决这个问题？

Answer 1

所有你需要的是event.stopPropagation()上button item。这就是全部

$(".openPage").click(function() { 
    alert(1); 
}); 

$(".openButton").click(function(evt) { 
    evt.stopPropagation(); // The click won't propagate to .openPage parent 
    alert(2); 
}); 

Answer 2

那么，元素包含在第一个。

但是你可以，如果你真的需要做的：

$('.openPage').click(function(e, event) { 
     if ($(e).hasClass('openButton)) { 
      $(e).trigger('click'); 
     } 
}); 

或更好

var page = $('.openPage'); 
page.click(function(e, event) { 
     if ($(e) != page) { 
      $(e).trigger('click'); 
     } 
}); 

您也可以尝试：

event.stopPropagation();