jquery - 停止特定父级上的点击传播

Question

我遇到了点击传播事件的问题。

假设我在表格中遇到这样的情况:

<tr><td><div><span>some text</span></div></td></tr>

当我单击跨度时，单击会传播到父级。我希望点击传播到父级 div，但不传播到父级 td 和 tr。

当我这样做

$("td").click(function(e) {
        e.stopPropagation();
});

e 将跨度称为单击起源的跨度。我希望点击开始传播，然后停在特定对象处。

谢谢

编辑:

我们正在使用 primefaces 并且 SPAN 上的点击事件是自动生成的，所以我实际上无权访问它，并且我不想弄乱 primefaces 代码。原始点击位于跨度上，但我不希望它传播得比特定父级更高(在我的示例中，位于 td 上方)。事实上，我想停止 $(this) 对象上的传播，而不是 e

Answer 1

查看 jQuery 的 on 方法。您可以提供父元素来定位事件。

http://api.jquery.com/on/

$("td").on("click", "span", function(e){
  //...
});