Javascript 迭代元素，向每个元素添加click事件

这里是jQuery新手

如果我有这个html：

<ul id="floor-selector">
    <li id="floor-1">Ground Floor</li>
    <li id="floor-2">Second Floor</li>
    <li id="floor-3">Third Floor</li>
    <li id="floor-4">Premier Floor (Premier Floor)</li>
</ul>

这应该起作用：

$('#floor-selector li').on('click', function() {
    alert('I am the '+$(this).attr('id')+' element');
});

---

在幕后，jQuery做了一系列的工作，本质上是将传递给元素的函数绑定起来

此

因此引用您正在单击并将其传递给jQuery Function的元素：

$（此）

返回包装在jQuery对象中的元素。当然，您可以直接访问

上的
id
。
这正是我想要的。非常感谢！那么，所有jquery函数是否都像这里的“on”那样在数组中迭代呢？好吧，当您有一个jquery对象时，对其调用函数将应用于所有匹配的元素。例如，在
$（'div'）
上调用函数将在DOM中的每个div上调用它。
$('#floor-selector li').on('click', function() {
    alert('I am the '+$(this).attr('id')+' element');
});