单击时获取链接的ID

时间:2013-10-29 15:36:54

标签: javascript jquery

点击时我正在尝试获取链接的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>

由于

3 个答案:

答案 0 :(得分:8)

变化:

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

为:

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

<强> jsFiddle example

this指的是接收点击的元素。在原始代码中,a未引用锚点(或任何内容),因此未定义。

此外,请确保在页面上存在元素后或在文档就绪调用中运行代码:

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

答案 1 :(得分:3)

您应该使用this.id代替a.id

DEMO

答案 2 :(得分:0)

使用

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