Comment sélectionner des éléments HTML avec des points dans leur ID à l'aide de jQuery ?

Sélection d'éléments avec des points dans leur ID à l'aide de jQuery

Problème :

Lors de l'utilisation de jQuery pour sélectionner un élément avec un point (.) dans son ID, les sélecteurs fournis ne correspondent pas en raison de conflits d'échappement de caractères entre JavaScript et jQuery.

Correction :

Pour résoudre ce problème, vous doit échapper au caractère point en utilisant deux barres obliques inverses avant chacune dans le sélecteur jQuery. En effet :

• Une barre oblique inverse dans un sélecteur jQuery échappe au caractère suivant.
• La première barre oblique inverse est nécessaire pour échapper à la deuxième barre oblique inverse, permettant ainsi à la seconde d'échapper au caractère point. .

Solution :

$(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);
    });
  });
});

Explication :

Dans le code modifié, les doubles barres obliques inverses échappent au points dans les sélecteurs "Address.Country" et "Address.State", permettant à jQuery de trouver et d'interagir correctement avec ces éléments.

Référence :

Pour plus d'informations , reportez-vous à la FAQ jQuery : Comment sélectionner un élément par un ID comportant des caractères utilisés dans la notation CSS ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!