2012-06-05 3 views
1

Извините, если это глупый вопрос, но найти его с помощью поисковой системы довольно сложно, но что означает оператор «>» при использовании в качестве селектора?Что означает «>» при использовании в качестве селектора JQuery?

E.g.

$('div.form-input > label').... 
+9

Child selector: http://api.jquery.com/child-selector/ – Blazemonger

+0

Как и примечание, этот синтаксис также работает внутри CSS. Множество селекторов jQuery основано на селекторах CSS. – roflmao

ответ

5

Это родитель> ребенок - выбрать все элементы, соответствующие второй селектор, которые являются потомками элементов, соответствующих первый селектор. Например:

div.myclass > p.yourclass 

выберет все p вашего класса, которые находятся внутри div класса.

5

То же самое, как и в CSS, ярлык непосредственно внутри DIV с классом form-input

$('div.form-input label') // label can be anywhere inside the div 

$('div.form-input > label') // label must be directly inside the div (at top level) 
+0

для 58k rep ответ должен быть более точным, чем "прямо внутри" – Christoph

3

Это же с селектором CSS, выберите для прямого потомка.

1

div.form-input > label селектор будет соответствовать прямому label потомку div.form-input

3

Он выбирает ребенок в DIV с классом «формы-входом», то есть метка. Вы можете узнать больше о детском селекторе здесь http://api.jquery.com/child-selector/

4
jQuery('parent > child') 

Описание: Выбирает все прямые дочерние элементы, указанные «дочерним» элементом, указанным «родителем».

http://api.jquery.com/child-selector/

Смежные вопросы