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
Lepaskan: 2024-12-09 17:34:10
asal
382 orang telah melayarinya

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");
Salin selepas log masuk

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");
});
Salin selepas log masuk

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");
    Salin selepas log masuk

    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!

  • sumber:php.cn
    Kenyataan Laman Web ini
    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
    Artikel terbaru oleh pengarang
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan