首页 >web前端 >js教程 >如何使用 jQuery 获取单击元素的'data-id”属性?

如何使用 jQuery 获取单击元素的'data-id”属性?

Patricia Arquette
Patricia Arquette原创
2024-12-09 17:34:10327浏览

How Do I Get the `data-id` Attribute of a Clicked Element using jQuery?

获取 jQuery Click 事件的 Data-ID 属性

使用 jQuery Quicksand 插件时,需要检索 data-id要传递给 Web 服务的单击元素的属性。此属性对于识别特定项目至关重要。

要使用 jQuery 的 .on() 方法获取 data-id 属性,请使用以下语法:

$(this).attr("data-id");

此命令检索值与触发点击事件的元素的 data-id 属性关联。

在提供的示例中code:

$("#list li").on('click', function() {
  // Retrieve the data-id value
  let dataId = $(this).attr("data-id");
});

此处,dataId 将包含单击的列表项 (

  • ) 的 data-id 属性的值。

    如果您使用的是 jQuery 1.4。 3 或更高版本,您可以选择使用 .data() 方法:

    $(this).data("id");

    此方法将返回如果 data-id 属性是整数,则将其视为数值。

    请记住,data- 中的属性名称必须小写。例如,data-id 有效,而 data-idNum 无效。

  • 以上是如何使用 jQuery 获取单击元素的'data-id”属性?的详细内容。更多信息请关注PHP中文网其他相关文章!

    声明:
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn