Question

我有一个清单

<ul class="submenu">
    <li><a href="#" id="profile">Profile</a></li>
    <li><a href="#" id="change_password">Change Password</a></li>
    <li><a href="#" id="payment_settings">Payment Settings</a></li>
</ul>

想要点击列表项的ID，我该怎么做？

我已尝试过以下内容并获取未定义的内容？

$(document).ready(function () {
    $(this).click(function () {

    console.log(this);
    });
});

Answer 1

click事件应绑定到某些元素，可以使用特定的选择器进行选择：

$('.submenu > li > a').click(function() {
    console.log(this.id);
});

Answer 2

 $("a").click(function () {

    console.log(this.id);
    });

Answer 3

试试这个： -

$(document).ready(function () {
    $(".submenu li a").click(function () {

    console.log($(this).attr("id"));
    });
});

Working fiddle

获取返回undefined的Clicked列表项的ID

3 个答案: