jQuery - Селектори (йерархични), IT Chef

В този урок ще научим за йерархичните селектори, които ще използваме като аргумент на функцията jQuery("селектор") за избиране на елементи.

Видове йерархични селектори

Йерархичните селектори могат да бъдат разделени на 2 групи:

Селектори, които имат вертикална връзка между елементи (предшественик-дете, родител-дете).

Селектори, които имат хоризонтална връзка между елементите. В DOM дърво хоризонтално съществуват само връзки между братя и сестри. Братя и сестри (сестри/братя) са елементи, които имат един и същ родител.

потомък на предшественик (потомък на предшественик) - избира елементи на потомък, където един от предците е елемент на предшественик. С други думи, селекторът "предшественик потомък" избира елементи наследници, които са наследници на елемента предшественик.

Например изберете всички p елементи, които са вътре в div елементи:

родител>дете ( родител>дете ) - избира дъщерни елементи, чийто родител е родителски елемент. С други думи, селекторът "parent>child" избира дъщерни елементи, които са дъщерни на родителския елемент. За разлика от предишния селектор, този селектор работи само с директни връзки между елементи.

Например, използване на jQuery за намиране на деца (всички p елементи), чийто родител е div елемент:

дете (родител>дете)" title="jQuery - родител>дете (родител>дете)">

Изберете всички li елементи, които са деца на елемента

:

prev+next ( previous+next ) - избира следващите елементи, всеки от които се намира директно (непосредствено) след елемента prev. Освен това предишният и следващият елементи трябва да са относителни един спрямо друг.брат или сестра приятел (т.е. имат един родител).

Например изберете p елемента, всеки от които се намира непосредствено след елемента div. Освен това елементите div и p по отношение един на друг трябва да са братя и сестри (братя, сестри, съседи), т.е. имат един родител:

Изберете всички входни елементи, които са непосредствено след етикетния елемент. Освен това входните и етикетните елементи трябва да са роднини един на друг, т.е. имат един родител.

sibling ) - избира сродни елементи, които се намират след елемента prev. Елементите prev и sibling трябва да са братя и сестри един на друг, т.е. имат един родител.

Например изберете p елементите, които идват след div елемента. В допълнение, елементите div и p трябва да са братя и сестри един спрямо друг, т.е. имат един родител:

Например, за да намерите всички div елементи, които са относителни към и след братския елемент:

---