jQuery - sélection d'éléments à l'intérieur d'un élément

Question

disons que j'ai un balisage comme celui-ci :

 <div id="foo">
  ...
  <span id="moo">
    ...
  </span>
  ...
</div>

et je veux sélectionner #moo.

pourquoi $('#foo').find('span') fonctionne, mais pas $('span', $('#foo')); ?

Answer 1

Vous pouvez utiliser n'importe lequel d'entre eux [en commençant par le plus rapide]

 $("#moo") > $("#foo #moo") > $("div#foo span#moo") > $("#foo span") > $("#foo > #moo")

Regarde

Answer 2

En fait, $('#id', this); sélectionnerait #id à n'importe quel niveau descendant, pas seulement l'enfant immédiat. Essayez plutôt ceci :

 $(this).children('#id');

ou alors

 $("#foo > #moo")

ou alors

 $("#foo > span")

Answer 3

Vous pouvez utiliser l' find pour sélectionner un élément dans un autre. Par exemple, pour trouver un élément avec l'id txtName dans un div particulier, vous pouvez utiliser comme

 var name = $('#div1').find('#txtName').val();

Answer 4

Pourquoi ne pas simplement utiliser :

 $("#foo span")

ou alors

 $("#foo > span")

---

$('span', $('#foo')); fonctionne bien sur ma machine ;)

Answer 5

Regardez ici -- pour interroger un sous-élément d'un élément :

$(document.getElementById('parentid')).find('div#' + divID + ' span.child');