DeeDi - трезвые записки

children([expr])

Получает набор элементов, содержащий всех уникальных прямых (детей) потомков для каждого элемента набора. Опционально можно этот набор еще и отфильтровать спомощью выражения expr (например, если мы хотим найти дочерние элементы div - пишем так - .children("div") ).
В примере ищем всех прямых потомков элемента, на котором совершен клик.:

$(document).ready(function() {
$("#example_j").click(function (i) {
var $kids = $(i.target).children();
var len = $kids.length + " потомков у этого элемента ";
$("#example_res span:first").text(len);
$("#example_res span:last").text(i.target.tagName);
i.preventDefault();
return false;
});

});
Пример. Кликайте по элементам внутри блока:
div#example_j
Этот див сын #example_j

этот p - внук #example_j

этот p - внук #example_j

этот span - внук #example_j
этот div - сын #example_j

этот p - сын #example_j

этот h6 - сын #example_j

Обратите внимание, что мы ищем только прямых потомков (детей), так элемент #example_j div p это уже внук по отношению к #example_j.

HTML/CSS :
<style type="text/css">
#example_j{border:solid 1px #999; margin:10px; padding:5px;}
#example_j div {border:dashed 1px #828282; margin:5px}
#example_res {color:red}
</style>
<div id="example_j"> div#example_j
<div>Этот див сын #example_j
<p>этот p - внук #example_j</p>
<p>этот p - внук #example_j</p>
<span>этот span - внук #example_j</span>
</div><div>этот div - сын #example_j</div>
<p>этот p - сын #example_j</p>
<h6>этот h6 - сын #example_j</h6>
</div>
<div id="example_res">
<span></span><span></span>
</div>

Боковой текст: