如何使用 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中文網其他相關文章！