如何使用 jQuery Quicksand 檢索點選項目的「data-id」屬性？

在jQuery Quicksand 中檢索點擊項目的Data-id 屬性

使用jQuery Quicksand 外掛時，取得點擊元素的data-id 屬性對於將其傳遞給Web 服務或執行進一步的操作。本文旨在為此需求提供全面的解決方案。

Quicksand 外掛程式可讓您動態排序或過濾元素，而無需重新載入頁面。若要將點擊事件綁定到已排序或已篩選的元素，請使用 .on() 方法。但是，有必要存取 data-id 屬性來檢索與單擊的元素關聯的特定資訊。

取得Data-id 屬性

要擷取data-id 屬性值，jQuery提供兩種方法：

使用.attr():

此方法直接以字串形式檢索屬性值。

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

使用 .data():

在 jQuery 1.4.3 中發布，此方法以解析的資料類型檢索屬性值（如果可能）。

$(this).data("id")

範例實作

考慮以下HTML 和JavaScript 程式碼：

<ul>

$("#list li").on('click', function() {
  let dataId = $(this).attr("data-id") || $(this).data("id");
  alert(dataId);
});

在此範例中，data-id 屬性的值可以使用. attr() 或.data() 方法進行訪問，取決於所使用的jQuery 版本。當點擊 data-id="id-40" 的元素時，會出現警告對話框，顯示該值。

以上是如何使用 jQuery Quicksand 檢索點選項目的「data-id」屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！