Question

jquery相当新。好东西顺便说一句。然而。有些东西我似乎无法理解。我有一个用作导航栏的列表。每个列表项都有一个id。

我想用jQuery获取该ID。

定义项目的方式：

<ul id="mainList">
<li id="liFirstItem"><a class="main-link" href="#">First One</a>
    <ul class="sub-links">            
        <li><a href="#">Sub Item 1</a></li>
        <li><a href="#">Sub Item 2</a></li>
    </ul>
</li>
</ul>

从这里来; Getting the ID of the element that fired an event

这些是我的尝试;

    /*testing*/                        
    var current = "Item: " + this.text + "\n";
    /*current += "Id: " + this.id;*/
    /*current += "Id: " + event.target.id;*/

    var target = event.target || event.srcElement;
    var id = target.id

    current += "Id: " + id;

    alert(current.toString());

该项目始终提供所点击项目的正确文本，例如“第一”。但是，此ID始终为空。任何想法，我在这里缺少什么？

非常感谢！

Answer 1

虽然您似乎没有为元素设置ID，但这就是您的方法。将点击事件处理程序附加到子列表 ul中的所有链接。然后提醒单击的链接的ID。

$('.sub-links li a').click(function(){
    alert($(this).attr('id'));
});

通过点击列表项的jQuery检索ID

1 个答案: