Maison  >  Article  >  interface Web  >  Comment sélectionner des éléments avec des points dans les identifiants à l'aide de jQuery ?

Comment sélectionner des éléments avec des points dans les identifiants à l'aide de jQuery ?

Barbara Streisand
Barbara Streisandoriginal
2024-10-23 07:38:29524parcourir

How to Select Elements with Periods in IDs Using jQuery?

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

Dans le développement Web, il peut être difficile de sélectionner des éléments à l'aide de jQuery lorsque leurs ID contiennent des points (.). Pour résoudre ce problème, suivez ces étapes :

1. Échapper au point en utilisant des doubles barres obliques inverses

Les points sont considérés comme des caractères spéciaux dans les sélecteurs jQuery. Pour sélectionner des éléments avec des points dans leurs identifiants, il est nécessaire d'échapper au point à l'aide de deux barres obliques inverses (). En effet, une seule barre oblique inverse () est le caractère d'échappement pour les chaînes JavaScript.

2. Mettez à jour vos sélecteurs

Dans le code fourni, les sélecteurs pour #Address.Country et #Address.State contiennent des points. Pour les faire fonctionner, mettez-les à jour comme suit :

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

3. Code final

Après avoir effectué ces modifications, votre code devrait ressembler à ceci :

$(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 utilisant des doubles barres obliques inverses pour échapper aux points, jQuery sélectionnera correctement les éléments avec des points dans leur ID, vous permettant de pré-remplir des listes déroulantes de manière dynamique.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn