jquery - 如何构造一个位于另一个按钮上方的按钮？

Question

我正在使用自制网格，其中每个元素都是一个按钮。模板用于按钮样式，看起来像这样:

<div id='cellTemplate'>
    <p>some content</p>
</div>

正如您在上面看到的，模板是用一个包含 div 构建的，该 div 会为每个单元格复制。里面可以是任何东西，但在大多数情况下，有一个带有一些文本内容的“p”标签。

我想做的是构造一个删除按钮，但我遇到的问题是单击删除按钮也会触发包含 div 上的单击处理程序。我想创建一个删除按钮，该按钮似乎不会触发包含的 div 的点击处理程序。

我已经创建了示例 html，但到目前为止尚未成功。

<div id='cellTemplate'>
    <p>some content</p>
    <div class='deleteButton'>(X)</div>
</div>

由于框架的构造，默认情况下，“cellTemplate”将分配一个点击处理程序。

Answer 1

stopPropagation正是用于此目的。它可以防止事件向上冒泡到父元素。

$("something").click(function(e){
   e.stopPropagation();
   // do stuff
});