javascript - 点击时获取链接的ID

Question

我试图在单击时获取链接的 ID。我不希望链接去任何地方，我只想要ID。

到目前为止，代码没有向控制台写入任何内容。我不确定我做错了什么。

这是我的代码：

    $("#webLinks a").on('click', function () {
        console.log('clicked: ' + a.id);
    });

    <div id="webLinks">
        <div class="linkRows">
            <div name="link1">
                <a id="webLink1" href="#" name="www.google.com">Google</a>
            </div>
        </div>
    </div>

谢谢

Answer 1

改变：

console.log('clicked: ' + a.id);

至：

console.log('clicked: ' + this.id);

jsFiddle 示例

this指接收点击的元素。在您的原始代码中，a没有引用锚（或任何东西），因此它是未定义的。

此外，请确保您的代码在页面上存在元素之后或从文档就绪调用中运行：

$( document ).ready(function() {
   // Your code here
});

Answer 2

你应该使用this.id而不是a.id

演示

Answer 3

利用

$("#webLinks a").on('click', function () {
       $(this).attr('id');
});