Rumah >hujung hadapan web >tutorial js >Bagaimanakah saya Boleh Mendapatkan Atribut `data-id` Item yang Diklik Menggunakan jQuery Quicksand?

Bagaimanakah saya Boleh Mendapatkan Atribut `data-id` Item yang Diklik Menggunakan jQuery Quicksand?

Susan Sarandon
Susan Sarandonasal
2024-12-28 11:58:10428semak imbas

How Can I Retrieve the `data-id` Attribute of Clicked Items Using jQuery Quicksand?

Mendapatkan kembali Atribut Data-id untuk Item yang Diklik dalam jQuery Quicksand

Apabila bekerja dengan pemalam jQuery Quicksand, mendapatkan atribut data-id bagi elemen yang diklik adalah penting untuk menghantarnya ke perkhidmatan web atau melakukan tindakan selanjutnya. Artikel ini bertujuan untuk menyediakan penyelesaian yang komprehensif kepada keperluan ini.

Pemalam Pasir Pantas membolehkan anda mengisih atau menapis elemen secara dinamik tanpa memuatkan semula halaman. Untuk mengikat peristiwa klik pada elemen yang diisih atau ditapis, kaedah .on() digunakan. Walau bagaimanapun, ia menjadi perlu untuk mengakses atribut data-id untuk mendapatkan semula maklumat khusus yang dikaitkan dengan elemen yang diklik.

Mendapatkan Atribut Data-id

Untuk mendapatkan semula nilai atribut data-id, jQuery menawarkan dua kaedah:

Menggunakan .attr():

Kaedah ini secara langsung mendapatkan semula nilai atribut sebagai rentetan.

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

Menggunakan .data():

Dikeluarkan dalam jQuery 1.4.3, kaedah ini mendapatkan semula nilai atribut sebagai jenis data yang dihuraikan (jika mungkin).

$(this).data("id")

Contoh Pelaksanaan

Pertimbangkan kod HTML dan JavaScript berikut:

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

Dalam contoh ini, nilai atribut data-id boleh diakses menggunakan kaedah .attr() atau .data() bergantung pada versi jQuery yang digunakan. Apabila elemen dengan data-id="id-40" diklik, dialog makluman akan memaparkan nilai.

Atas ialah kandungan terperinci Bagaimanakah saya Boleh Mendapatkan Atribut `data-id` Item yang Diklik Menggunakan jQuery Quicksand?. 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