Jquery 非选择器，on（）单击事件不工作

我的HTML也是这样

<tr class="show_ticket_preview">
    <td>
         <a class="ticket_preview_id">A Link</a>
         <p>Some other stuf</p>
    </td>
</tr>

但无论出于何种原因，当我根据上面的代码点击

ticket\u preview\u id

时，事件仍会触发

---

有什么想法吗？

有另一个链接到

票证预览\u id

的点击事件，并使用

停止播放

方法

$(document).on('click', '.show_ticket_preview', function() {
    // Do Something
})

$(document).on('click', '.ticket_preview_id', function(e) {
    e.stopPropagation()
})

---

你可以在这里看到更多关于stopPropagation的信息

.show\u ticket\u preview:not（.ticket\u preview\u id）

选择器将选择具有类

show\u ticket\u preview

但没有类

ticket\u preview\u id

的所有元素，因此它在您的情况下不起作用

要解决您的问题，您可以在句柄中使用事件对象，然后检查目标是否具有class

ticket\u preview\u id

：

$（文档）。在（'单击'，'上。显示票据预览'，功能（e）{
如果（！e.target.classList.contains（“票证预览id”））console.log（1）；
})

链接
另一个stuf

太棒了！工作了谢谢

$(document).on('click', '.show_ticket_preview', function() {
    // Do Something
})

$(document).on('click', '.ticket_preview_id', function(e) {
    e.stopPropagation()
})