Question

我正在尝试使用jQuery获取被点击元素的ID，但它无法正常工作。这是jQuery代码：

<script>
$(function(){
    $("a.step").click(function(){
        var id = $(this).attr('id');
        alert(id);
    });
});
</script>

这是HTML：

<ul class="circle" id="categories">
    <li><a id="option_6" class="step" href="#">Cat2</a></li>
    <li><a id="option_7" class="step" href="#">Cat3</a></li>
</ul>

我的代码有什么问题？

更新

我不知道原因，但我从<script>...</script>代码中取出<body>代码，并将其写在common.js中，现在可以正常使用：-O

Answer 1

您正在尝试获取a-Link的ID，但父li具有ID。 ;）

所以请尝试$(this).parent('li').attr('id')

Answer 2

尝试摆脱额外的功能......

<script>
    $("a.step").click(function(){
        var id = $(this).attr('id');
        alert(id);
    });
</script>

“a”点击显示警告对话框不起作用

2 个答案: