如何使用 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。

这是一个小提琴页面，显示了几个不同的选择器选项，可以在任何地方单击，或者只是第一级。显示事件目标的使用，currentTarget 以及：http : //jsfiddle.net/8GLZJ/

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

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