jQuery - пример дочернего селектора

jQuery child selector (X > Y) используется для выбора всех элементов, соответствующих «Y», которые являются дочерними по отношению к элементу «X».

Например,

$(‘form > input’) - выбирает все элементы, соответствующие , которые являются дочерними для элемента, соответствующего
, будет соответствовать только дочерний элемент, внук, правнук не будут совпадать.

Пример jQuery

В этом примере будут совпадать только «текстовое поле 1» и «текстовое поле 4» (дочерний элемент элемента формы), «текстовое поле 2» (внук) и «текстовое поле 3» (правнук) не будут совпадать.

jQuery child selector example

TextBox 1 (Child) :

TextBox 2 (GrandChild) :

TextBox 3 (Great GrandChild) :

TextBox 4 (Child) :

I'm form siblings #1 - DIV

I'm form siblings #2 - P

I'm form siblings #3 - DIV

I'm form siblings #4 - P

Попробуйте демо

TOC

jQuery - пример дочернего селектора