javascript - 使用 JQuery/JS 在 click() 上存储 的 id

Question

我有一张包含大量数据的表格。每个<td>包含 class="person"和 id=0,1,2,3, etc.基于 $i (我正在使用循环从数组构建我的表)。

我希望这样，只要单击一个人 ( <td>)，该单元格就会用一些 CSS 突出显示。

到目前为止我认为我可以使用这个:

$('.person').click(function(){

$id = some function to which attr('id') was selected???;
$('id').addClass("highlights");

});

有谁知道如何获取被点击的单元格的 ID？任何帮助或方法表示赞赏。

谢谢!

Answer 1

this.id 指的是方法内部td的id

$('.person').click(function(){

    var id = this.id;
    $('#' +id).addClass("highlights");

});

但是如果您只想更改元素上的某些内容，那么您实际上并不需要 id。这是因为 this 关键字指的是实际被点击的元素。

所以你可以直接做

$('.person').click(function
    $(this).addClass("highlights");
});

---

但要注意，元素的 id cannot be numeric (就有效的 html 而言..)

我引用

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").