javascript - 获取点击链接的 ID

Question

在下面的代码和此处的演示中 http://jsfiddle.net/jasondavis/vp2YN/3/你可以看到我需要获取点击项目的 ID 属性并将其分配给 Javascript 中的变量。

现在代码返回第一个项目的 ID 名称，无论点击哪个项目。

在 Javascript 中，您可以看到我已将这一行注释掉...

var clickedID = this.attr("id"); 当我使用该行时，我收到一条错误消息:Object has no method 'attr'

请帮我获取点击链接的ID名称并将其赋值给一个变量

HTML

<a href="#" style="display:block" class="button insertcolumn" id="one_half">2 Columns</a>

<a href="#" style="display:block" class="button insertcolumn" id="one_third">3 Columns</a>

<a href="#" style="display:block" class="button insertcolumn" id="one_fourth">4 Columns</a>​

Javascript/jQuery

jQuery('.insertcolumn').click(function(){

    var clickedID = jQuery('.insertcolumn').attr("id");
    //var clickedID = this.attr("id");

    alert(clickedID);

});​

演示 http://jsfiddle.net/jasondavis/vp2YN/3/

Answer 1

你必须引用你用 jQuery 包装器点击的那个!

你想用

$(this).attr('id');

要获取 id(无需无缘无故遍历 DOM)，最好只调用对象 id。

this.id; 

但是要访问属性而不考虑属性的类型并根据属性的名称使用以下代码。

jQuery('.insertcolumn').click(function(){

    var clickedID = $(this).attr('id');


    alert(clickedID);

});​