使用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”將成功。