使用 jQuery 访问 data-id 属性

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

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

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

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

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

以下 jQuery 代码将检索 'data-id' 属性：

$("#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”将成功。