Comment sélectionner des éléments avec des points (.) Dans leurs identifiants à l'aide de jQuery ?

Sélection d'éléments avec un point dans leur ID à l'aide de jQuery

Lorsque vous travaillez avec des formulaires HTML contenant des éléments avec des points ("") dans leurs identifiants, les sélectionner à l’aide de jQuery peut présenter un défi. En effet, jQuery utilise des points pour séparer les noms de classe des noms d'éléments.

Comprendre le problème

Le code suivant tente de sélectionner des listes déroulantes en fonction de leurs identifiants à l'aide de jQuery :

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

Cependant, ce code ne fonctionne pas car jQuery interprète les points comme des noms de classe, ne faisant pas partie de l'ID.

Échapper au caractère point

Pour échapper au point et sélectionner un élément par son identifiant complet, il est nécessaire d'utiliser deux barres obliques inverses. En effet, JavaScript utilise une barre oblique inverse comme caractère spécial et jQuery nécessite une barre oblique inverse supplémentaire pour échapper à la barre oblique inverse initiale.

Code corrigé

Le code corrigé ressemblerait à ceci :

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

En échappant le caractère point avec deux barres obliques inverses, les sélecteurs correspondent désormais correctement aux identifiants des éléments et permettent une manipulation à l'aide de jQuery.

Exemple

Le code jQuery mis à jour suivant sélectionne avec succès les listes déroulantes en fonction de leurs identifiants, en supposant que les formulaires correspondent à l'exemple fourni dans la question d'origine :

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

En suivant cette méthode, les développeurs peuvent sélectionner des éléments avec des points dans leurs identifiants dans jQuery, permettant une manipulation dynamique et une interaction avec les éléments de la page Web.

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!