Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Mendapatkan Atribut `data-id` Elemen yang Diklik menggunakan jQuery?

Bagaimanakah Saya Mendapatkan Atribut `data-id` Elemen yang Diklik menggunakan jQuery?

Patricia Arquette
Patricia Arquetteasal
2024-12-09 17:34:10327semak imbas

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

Dapatkan Atribut Data-ID untuk Acara Klik jQuery

Apabila bekerja dengan pemalam jQuery Quicksand, anda perlu mendapatkan semula data-id atribut elemen yang diklik untuk dihantar ke perkhidmatan web. Atribut ini penting untuk mengenal pasti item tertentu.

Untuk mendapatkan atribut data-id menggunakan kaedah .on() jQuery, gunakan sintaks berikut:

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

Arahan ini mendapatkan semula nilai dikaitkan dengan atribut data-id bagi elemen yang mencetuskan peristiwa klik.

Dalam contoh yang disediakan kod:

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

Di sini, dataId akan mengandungi nilai atribut data-id bagi item senarai yang diklik (

  • ).

    Jika anda menggunakan jQuery 1.4. 3 atau lebih baru, anda boleh menggunakan kaedah .data() secara alternatif:

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

    Kaedah ini akan mengembalikan nilai data-id atribut sebagai nilai berangka jika ia adalah integer.

    Ingat, nama atribut dalam data- mestilah huruf kecil. Contohnya, data-id adalah sah, manakala data-idNum tidak sah.

    Atas ialah kandungan terperinci Bagaimanakah Saya Mendapatkan Atribut `data-id` Elemen yang Diklik menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

  • Kenyataan:
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn