jQuery - выбор элементов внутри элемента

Question

скажем, у меня есть разметка, как это:

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

и я хочу выбрать # moo.

почему $('#foo').find('span') работает, а $('span', $('#foo')); нет?

Answer 1

Вы можете использовать любой из этих [начиная с самого быстрого]

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

Взгляните

Answer 2

На самом деле, $ ('# id', this); выбрал бы #id на любом уровне потомка, а не только непосредственного потомка. Попробуйте вместо этого:

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

или

$("#foo > #moo")

или

$("#foo > span")

Answer 3

Почему бы просто не использовать:

$("#foo span")

или

$("#foo > span")

---

$('span', $('#foo')); отлично работает на моей машине;)

Answer 4

Посмотрите здесь - для запроса подэлемента элемента :

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

Answer 5

Вы можете использовать опцию find, чтобы выбрать элемент внутри другого. Например, чтобы найти элемент с идентификатором txtName в определенном div, вы можете использовать как

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

Answer 6

.... but $ ('span', $ ('# foo')); не работает?

Этот метод называется контекстом селектора .

В этом вы предоставляете второй аргумент для селектора jQuery . Это может быть любая строка объекта css, такая же, как если бы вы передавали ее для прямого выбора, или элемент jQuery.

например.

$("span",".cont1").css("background", '#F00');

В приведенной выше строке будут выбраны все промежутки внутри контейнера, имеющие класс с именем cont1.

DEMO

Answer 7

оба, похоже, работают.

см. Скрипку: http://jsfiddle.net/maniator/PSxkS/