如何使用 jQuery 检索'data-id”属性值？

使用 jQuery 访问 data-id 属性

使用 jQuery Quicksand 插件时，通常需要检索被单击元素的“data-id”属性将信息传递到各种 Web 服务。下面介绍如何有效获取该属性值：

可以使用 jQuery 中的 .attr() 方法访问 'data-id' 属性。语法如下：

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

此表达式以字符串形式返回 'data-id' 属性的值。

例如，如果单击的元素具有以下 HTML：

<li data-id="id-40">...</li>

以下 jQuery 代码将检索“data-id” attribute:

$("#list li").on('click', function() {
  // Get the data-id value
  var dataId = $(this).attr("data-id");
  // Use the dataId value as needed
});

或者，您可以对 jQuery 版本 1.4.3 及更高版本使用 .data() 方法。 .data() 方法将“data-id”值作为本机 JavaScript 类型（例如数字、布尔值）而不是字符串返回。

$(this).data("id")

请记住，在使用 .data() 方法时，'data-'之后的部分必须小写。例如，“data-idNum”将失败，而“data-idnum”将成功。

以上是如何使用 jQuery 检索'data-id”属性值？的详细内容。更多信息请关注PHP中文网其他相关文章！