如何使用 jQuery 获取单击元素的'data-id”属性？-js教程-PHP中文网

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

Patricia Arquette

发布： 2024-12-09 17:34:10

原创

362 人浏览过

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中文网其他相关文章！