Bagaimana untuk Mendapatkan Nilai Atribut `data-id` Menggunakan jQuery?

Mengakses Atribut data-id dengan jQuery

Apabila bekerja dengan pemalam jQuery Quicksand, selalunya perlu untuk mendapatkan semula atribut 'data-id' elemen yang diklik untuk menyampaikan maklumat kepada pelbagai perkhidmatan web. Begini cara untuk mendapatkan nilai atribut ini dengan berkesan:

Atribut 'data-id' boleh diakses menggunakan kaedah .attr() dalam jQuery. Sintaks adalah seperti berikut:

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

Ungkapan ini mengembalikan nilai atribut 'data-id' sebagai rentetan.

Contohnya, jika elemen yang diklik mempunyai HTML berikut:

<li data-id="id-40">...</li>

Kod jQuery berikut akan mendapatkan semula 'data-id' attribute:

$("#list li").on('click', function() {
  // Get the data-id value
  var dataId = $(this).attr("data-id");
  // Use the dataId value as needed
});

Sebagai alternatif, anda boleh menggunakan kaedah .data() untuk jQuery versi 1.4.3 dan ke atas. Kaedah .data() mengembalikan nilai 'data-id' sebagai jenis JavaScript asli (cth., nombor, boolean) dan bukannya rentetan.

$(this).data("id")

Ingat, apabila menggunakan kaedah .data() , bahagian selepas 'data-' mestilah huruf kecil. Contohnya, 'data-idNum' akan gagal, manakala 'data-idnum' akan berjaya.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nilai Atribut `data-id` Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!