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

标签 javascript jquery

我有一张包含大量数据的表格。每个<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?任何帮助或方法表示赞赏。

谢谢!

最佳答案

this.id 指的是方法内部tdid

$('.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 (".").

关于javascript - 使用 JQuery/JS 在 click() 上存储 <td> 的 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6722692/

相关文章:

javascript - 无法编辑 Flickity-view(Flickity 插件)

javascript - 如何使用 ionic 日期时间来显示 future 年份

jQuery 移动表单验证没有结果

javascript - 有序列表上的动画

javascript - 在 TypeScript 中使用 import/require 获取接口(interface)声明

Javascript 表字符串到数组

javascript - 屏蔽输入插件

javascript - 看板式网格 : make first element twice wider with JS

javascript - 如何通过浏览器下载本地网络文件

javascript - 如何在 DOM 之外设置 HTML 元素的样式?