Bagaimana untuk Memilih Elemen dengan Tempoh (.) dalam ID Mereka Menggunakan jQuery?

Memilih Elemen dengan Tempoh dalam IDnya Menggunakan jQuery

Apabila bekerja dengan borang HTML yang mengandungi elemen dengan noktah (".") dalam ID mereka, memilih mereka menggunakan jQuery boleh memberikan cabaran. Ini kerana jQuery menggunakan noktah untuk memisahkan nama kelas daripada nama elemen.

Memahami Isu

Percubaan kod berikut untuk memilih senarai lungsur mengikut ID mereka menggunakan jQuery :

$("#Address.Country")
$("#Address.State")

Walau bagaimanapun, kod ini tidak berfungsi kerana jQuery mentafsirkan noktah sebagai nama kelas, bukan sebahagian daripada ID.

Meloloskan Diri daripada Aksara Period

Untuk melepaskan watak noktah dan memilih elemen dengan ID lengkapnya, anda perlu menggunakan dua garis miring ke belakang. Ini adalah kerana JavaScript menggunakan satu garis miring ke belakang sebagai aksara khas dan jQuery memerlukan garis miring ke belakang tambahan untuk melepaskan garis miring ke belakang awal.

Kod Dibetulkan

Kod yang diperbetulkan akan kelihatan seperti ini :

$("#Address\.Country")
$("#Address\.State")

Dengan melepaskan aksara titik dengan dua garis miring ke belakang, pemilih kini memadankan ID elemen dengan betul dan membenarkan manipulasi menggunakan jQuery.

Contoh

Kod jQuery yang dikemas kini berikut berjaya memilih senarai lungsur mengikut ID mereka, dengan mengandaikan borang sepadan dengan contoh yang diberikan dalam soalan asal:

$(function() {
  $.getJSON("/Location/GetCountryList", null, function(data) {
    $("#Address\.Country").fillSelect(data);
  });
  $("#Address\.Country").change(function() {
    $.getJSON("/Location/GetRegionsForCountry", { country: $(this).val() }, function(data) {
      $("#Address\.State").fillSelect(data);
    });
  });
});

Dengan mengikuti kaedah ini, pembangun boleh memilih elemen dengan noktah dalam ID mereka dalam jQuery, membenarkan manipulasi dinamik dan interaksi dengan elemen pada halaman web.

Atas ialah kandungan terperinci Bagaimana untuk Memilih Elemen dengan Tempoh (.) dalam ID Mereka Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!