使用JQuery/JS存储<td>单击(）

Using JQuery/JS to store the id of a <td> on click()

本文关键字：td gt 单击 lt JQuery JS 存储 使用      更新时间：2023-09-26

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

我希望每当点击一个人(<td>(时，该单元格都会用一些css突出显示。

到目前为止，我想我可以使用这个：

$('.person'(.click(function((｛

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

})；

有人知道我如何获取被点击单元格的ID吗？感谢任何帮助或方法。

谢谢！

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

$('.person').click(function(){
    var id = this.id;
    $('#' +id).addClass("highlights");
});

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

所以你可以直接做

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

不过，请注意，元素的id不能是数字(就有效的html而言。(

我引用

ID和NAME标记必须以字母([a-Za-z](开头，后面可以跟任意数量的字母、数字([0-9](、连字符("-"(、下划线("_"(、冒号("："(和句点("."(。

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

有时，您可能会忘记jQuery中的id：(

$("td").click(function(e){
alert($(this).attr('id'));
e.stopPropagation();
});

这是工作小提琴http://jsfiddle.net/xELyx/1/

还可以查看jqueryid选择器http://api.jquery.com/id-selector/

和

attrhttp://api.jquery.com/attr/

id = $(this).attr("id");

似乎是您想要的行：(

相关文章：