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

Question

我有以下事件处理功能：

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

jQuery IS 包含在 html 文档中。但是，如果我点击一个<div id="button" class="submitb">Go!</div>没有任何反应。我什至没有在 chrome 控制台中遇到错误。

Answer 1

.submitb不是#button使用 jquery 定位它的后代，只需使用 id `#button'

像这样

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

如果您还想使用该类定位一个 div id，您可以只移动空间。

像这样

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

Answer 2

如果你想定位同一个元素，那么你不能在选择器之间有一个，space这意味着.submitb . #button

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

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

编辑：

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