Как я могу найти все соответствующие элементы ввода внутри данного идентификатора?

Question

$('#foo input');
$('#foo').find('input');

Оба, я полагаю, получают только входные данные прямо после #foo (т. Е. Только входы, вложенные непосредственно в foo). Как я могу получить все входные данные, независимо от того, насколько глубоко они вложены в #foo?

Редактировать: Бах, это работает. Неряшливый меня Нужен кофе. Спасибо всем.

Answer 1

Нет, #foo input должен найти все входные потомки #foo.

Прочтите документацию по селекторам CSS для получения дополнительной информации и опций.

Answer 2

Оба они получают все входные потомки.

Если бы вы хотели только непосредственных детей, вы бы сделали:

$('#foo > input');
$('#foo').children('input');

селекторы:

• http://api.jquery.com/descendant-selector/ (все потомки)
• http://api.jquery.com/child-selector/ (непосредственные потомки)

Методы:

• http://api.jquery.com/find/ (все потомки)
• http://api.jquery.com/children/ (непосредственные потомки)

Answer 3

$('#foo > input');

Answer 4

Нет, вы не правы, по крайней мере,

$('#foo input');

выполняет свою работу - согласно http://api.jquery.com/descendant-selector/ выдает все входные потомки #foo. Это очень похоже на селекторы CSS.

Answer 5

Ваш код делает именно то, что вы хотите.Он будет соответствовать любому элементу INPUT, который является потомком, внуком и т. Д. #Foo.

Способ получить элемент, который является прямым потомком foo, будет

$("#foo>input");