如何解决是否有将多个子元素放置在委托事件选择器中的快捷方式版本?
在容器div中考虑下表:
<div id="container">
<table id="longTableIdentifier">
<tbody>
<tr>
<td><input class="one"/></td>
<td><input class="two"/></td>
<td><input class="three"/></td>
</tr>
</tbody>
</table>
</div>
我想绑定一个处理程序,以监听表中某些输入(例如,一类和三类)的更改事件。目前,我的代码看起来像这样并且可以正常工作:
$('#container').on('change','#longTableIdentifier .one,#longTableIdentifier .three',function() {
// do stuff
});
但是我想知道此语句是否有一个捷径,它允许指定相同的处理程序,而不必一遍又一遍地写入表的(可能很长)id(尤其是考虑五个或更多目标元素时)。对于处理程序而言,至关重要的是,将处理程序附加到container-div而不是附加到其子级以保证事件的执行顺序,因此,将id放在container-div之后是开始是不可能的。
我知道也可以通过简单地为所需元素定义类来实现,但是如果可能的话,我想保留它并保持html的清洁。
我在想类似的东西
$('#container').on('change','#longTableIdentifier (.one OR .three'),function() {
// do stuff
});
但是我还没有找到一种方法来实现这一目标。有什么想法吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。