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

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

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.

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

$("table").get(0);

Vous pouvez également utiliser le raccourci suivant :

$("table")[0];

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

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!