2

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>

我想为click每个项目添加一个事件li,这样我就可以获得我id所在的元素。现在我只有一个关于我正在使用的索引的警报(它也不起作用),但我真的想要我正在使用的项目的 ID,而不是我的选择器返回的数组的索引。

这是我尝试过的,但它似乎不起作用,我想我可能对each()or有错误的理解click()

$('#floor-selector li').each( function(index, node) {
    node.click( function(){ alert('I am on the '+index+'th element'); } );
    // but I really want to get the ID of this element
  });
4

1 回答 1

7

这应该有效:

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

在幕后,jQuery 做了很多魔术,基本上将您传递给元素的函数绑定在一起。this因此引用您单击的元素并将其传递给 jQuery 函数:$(this)返回包装在 jQuery 对象中的元素。当然,您可以直接访问idon this

于 2013-08-24T18:47:16.843 回答