jquery div子元素搜索

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" 的后代> 直接 child 。

find docs :

Description: Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element.

Live DEMO

请注意，您可以使用更高效的选择器获得相同的结果:

$("#a img")...

descendant选择器docs :

Description: Selects all elements that are descendants of a given ancestor.

Live DEMO