javascript - 如何使用 jquery 将点击处理程序分配给每个子项？

Question

<div id="menu">
    <div class="menuitem-on" id="home">Home</div>
    <div class="menuitem-off" id="mycart">My Cart</div>
    <div class="menuitem-off" id="shop">Shop</div>
</div>

如何使用 jquery 将点击处理程序分配给菜单的每个子项？

Answer 1

$("#menu").delegate('div','click', function(){
//do your thing here
});

处理程序位于父级上，因此只有一个。您可以添加更多 div 而无需更改代码。

这里是一个 fiddle 页面，显示了几个不同的选择器选项，可以在任何地方单击，或者仅在第一级单击。显示事件 objective-c urrentTarget 的使用:http://jsfiddle.net/8GLZJ/

2013 年 3 月 18 日更新 1.9.1+ jQuery 使用:

$("#menu").on('click','div', function(){
//do your thing here
});