Maison > interface Web > js tutoriel > Comment puis-je obtenir un élément DOM simple à partir d'un sélecteur jQuery ?

Comment puis-je obtenir un élément DOM simple à partir d'un sélecteur jQuery ?

DDD
Libérer: 2024-10-30 19:09:02
original
1029 Les gens l'ont consulté

How Can I Get a Plain DOM Element from a jQuery Selector?

Récupérer des éléments DOM à partir de sélecteurs jQuery

Trouver un moyen simple d'obtenir un élément DOM à partir d'un sélecteur jQuery peut être un défi. Supposons que vous ayez le code suivant :

<input type="checkbox" id="bob" />
var checkbox = $("#bob").click(function() { //some code });
Copier après la connexion

Pour déterminer la valeur cochée de la case à cocher, vous pouvez essayer quelque chose comme ceci :

if (checkbox.eq(0).SomeMethodToGetARealDomElement().checked)
    //do something.
Copier après la connexion

Cependant, cette approche n'est pas toujours souhaitable . Une méthode plus simple existe :

$("table").get(0);
Copier après la connexion

Vous pouvez également utiliser le raccourci suivant :

$("table")[0];
Copier après la connexion

Bien que l'accès à l'élément brut du DOM ne soit pas fréquemment nécessaire, il peut être requis dans certaines situations . Par exemple, pensez à numéroter un groupe de cases à cocher :

$(":checkbox").each(function(i, elem) {
  $(elem).data("index", i);
});
$(":checkbox").click(function() {
  if ($(this).is(":checked") && $(this).data("index") == 0) {
    // do stuff
  }
});
Copier après la connexion

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 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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal