首頁 > web前端 > js教程 > 如何使用 jQuery 取得點選元素的「data-id」屬性?

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

Patricia Arquette
發布: 2024-12-09 17:34:10
原創
355 人瀏覽過

How Do I Get the `data-id` Attribute of a Clicked Element using jQuery?

取得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中文網其他相關文章!

    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    作者最新文章
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板