Методы jQuery children и find позволяют получить коллекции дочерних элементов. Их отличие в том, что children смотрит только прямых потомков, а find заходит глубже по иерархии, смотря потомков от потомков и т. д.
Синтаксис:
|
1
2
3
|
var childs1 = $(selector1).children(childselector);
var finds1 = $(selector1).find(findselector);
|
Здесь childselector и findselector — это необязательные параметры. С их помощью можно отфильтровать дочерние элементы. Можно вызывать без них:
|
1
2
3
|
var childs1 = $(selector1).children();
var finds1 = $(selector1).find();
|
Приведу пример. Пусть у нас есть HTML-страница со следующим содержимым:
|
1
2
3
4
5
6
7
8
9
10
|
...
<div id=«myparentdivid»>
<div id=«mychilddivid1»>
</div>
<div id=«mychilddivid2»>
<div id=«mychilddivid3»>
</div>
</div>
</div>
...
|
Код, приведённый ниже, добавит текст «text1» в div с id=»mychilddivid1″, и текст «text2» в div с id=»mychilddivid3″.
|
1
2
|
$(«#myparentdivid»).children(«#mychilddivid1»).text(«text1»);
$(«#myparentdivid»).find(«#mychilddivid3»).text(«text2»);
|