Javascript 递归模板中多次出现的按钮操作

假设递归模板呈现

'click .createSiblingCard':function(e,tmpl){
        console.log(this);
}

每次按下按钮

a > b > c > d

如果我在中单击按钮，则单击事件将触发1次

如果我点击b中的按钮，点击事件将触发2次

如果我点击c中的按钮，点击事件将触发3次

我希望按钮事件只被触发一次，无论我在哪一个地方

怎么做？我的代码中有什么错误

编辑 或

---

是否有其他方法重写我的recurion模板，使事件只发生一次。

如果单击b，则a上的事件将被触发；如果单击c，则b将被触发所有事件都将被触发。是吗？为什么要这样做？你生成按钮的代码在循环之外，如果你想让它们彼此独立运行，这真的正确吗？@hochas是的，它是正确的，它独立于循环，在最后显示所有卡之后，我正在点击add按钮将项添加到上面的列表中使用防止传播

a > b > c > d

<input type="button" id="" class="addCardButton createSiblingCard {{id}}" value="Add">