JQuery поиск ДИВ дочерний элемент

Question

Html:

<div id="a"> 
    <span></span> 
    <img /> 
</div> 

JQuery:

var a = $("#a").children().find("img"); 

его показ a.length = 0. В чем проблема?

Answer 1

Используйте это:

$("#a").find("img"); 

find ищет потомка селекторы, и <img> не является потомком любого из <div id="a"> прямых детей.

finddocs:

Описание: Получить потомки каждого элемента в текущем наборе соответствующих элементов, фильтруют с помощью селектора, объект JQuery, или элемент.

Live DEMO

Обратите внимание, что вы можете получить тот же результат с более эффективным селекторе:

$("#a img")... 

descendant селекторного docs:

Описание: Выбирает все элементы, которые являются потомками данного предка.

Live DEMO

Answer 2

The детей функция получает все дочерние узлы DIV, а затем найти один попытки найти потомков этих детей под названием "IMG". Очевидно, что этого не существует. Как указывает gdoron, вам нужно оставить часть children().

В случае, если вы не знаете, проверьте документацию JQuery, это действительно отличная ссылка:

http://api.jquery.com/category/traversing/