具有 ID AND 类的 jQuery 选择器目标元素不起作用

jQuery selector targeting element with id AND class does not work

本文关键字：目标 元素 不起作用 选择器 jQuery ID AND 类的 具有      更新时间：2023-09-26

我有以下事件处理函数：

jQuery(document).on('click', '#button .submitb', function(e){alert();});

jQuery 包含在 html 文档中。但是，如果我点击一个<div id="button" class="submitb">Go!</div>什么也没发生。我什至没有在chrome控制台中收到错误。

如果要定位相同的元素，则选择器之间不能space，这意味着.submitb #button的后代。

由于元素具有 ID，因此您实际上只需要 id 选择器：

jQuery(document).on('click', '#button', function(e){alert();});

编辑：

您不能有多个具有相同ID的按钮！！ 那么你应该只使用class 。或者给他们不同的ID结尾，如_0，_1和目标与[id^=button]

.submitb不是#button的后代，只需使用id'#button'即可

。

喜欢这个

jQuery(document).on('click', '#button', function(e){alert();});

如果你想用这个类来定位一个div id，你可以移动空间。

喜欢这个

jQuery(document).on('click', '#button.submitb', function(e){alert();});

相关文章：