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

Question

我具有以下事件处理功能：

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

jQuery已包含在html文档中。但是，如果单击<div id="button" class="submitb">Go!</div>，则不会发生任何事情。我什至在Chrome控制台中都没有收到错误。

Answer 1

如果要定位同一元素，则选择器之间不能有space，这意味着.submitb descendent of #button。

而且由于该元素具有ID，所以您实际上只需要ID选择器：

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

编辑：

您不能有多个具有相同ID的按钮 !!那么您应该只使用class。或者给他们不同的ID结尾（例如_0，_1），并使用[id^=button]

定位

Answer 2

[.submitb不是#button的后代，使用jquery将其定位为目标，只需使用id'#button'

喜欢这样

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

如果您也要使用该类定位div ID，则只需移动空格即可。

喜欢这样

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