如何使用 jQuery 取得點選元素的「data-id」屬性？

取得jQuery Click 事件的Data-ID 屬性

使用jQuery Quicksand 外掛程式時，需要擷取data-id要傳遞給Web 服務的點選元素的屬性。此屬性對於識別特定項目至關重要。

要使用jQuery 的.on() 方法取得data-id 屬性，請使用下列語法：

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

此指令擷取值與觸發點擊事件的元素的data-id 屬性關聯。

在提供的範例中code:

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

此處，dataId 將包含點選的清單項目 (

) 的 data-id 屬性的值。

如果您使用的是 jQuery 1.4。 3 或更高版本，您可以選擇使用 .data() 方法：

$(this).data("id");

此方法將傳回如果 data-id 屬性是整數，則將其視為數值。

請記住，data- 中的屬性名稱必須小寫。例如，data-id 有效，而 data-idNum 無效。

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