Maison > interface Web > js tutoriel > 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
Libérer: 2024-10-23 07:38:29
original
608 Les gens l'ont consulté

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")
Copier après la connexion

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);
    });
  });
});
Copier après la connexion

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!

source:php
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal