首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >具有id和类的jQuery选择器目标元素不起作用

具有id和类的jQuery选择器目标元素不起作用
EN

Stack Overflow用户
提问于 2013-10-13 22:55:29
回答 2查看 14.6K关注 0票数 3

我有以下事件处理函数:

代码语言:javascript
运行
复制
jQuery(document).on('click', '#button .submitb', function(e){alert();});

jQuery被包括在html文档中。但是,如果我点击一个<div id="button" class="submitb">Go!</div>,什么也不会发生。我甚至在chrome-console中都没有得到一个错误。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-10-13 22:58:40

如果你想以相同的元素为目标,那么你不能在选择器之间有一个space,这意味着.submitb #button的后代。

由于元素的id为,因此实际上只需要id选择器:

代码语言:javascript
运行
复制
jQuery(document).on('click', '#button', function(e){alert();});

编辑:

不能有多个ID相同的按钮!!那么你应该只使用class。或者为它们提供不同的ID结尾,如_0_1和带有[id^=button]的目标

票数 4
EN

Stack Overflow用户

发布于 2013-10-13 22:58:18

.submitb不是#button的后代,使用jquery时只需使用id `#button

像这样

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

如果你想用那个类来定位一个div id,你也可以,只要移动空格即可。

像这样

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

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19346554

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档