In jQuery, using the "find" function, which means this expression: $ (". DivName"). Find ('> div')

Question

I understand the "find" function, I'm just not familiar with what "> div" means. Can anyone help?

Answer 1

This means that all direct descendants of the "div" (therefore, without other elements between them)

So, if your HTML:

<div id="id1"> <div id="id2"> <div id="id3"> </div> </div> </div> 

$("#id1").find("div") will return divs "id2" and "id3"

$("#id1").find("> div") will only return div "id2"

Answer 2

If this is easier to think of, this is equivalent to using .children() , for example:

 $(".divName").children("div") 

Also note that if you have an option, you should use .children(selector) over .find(>selector) , this is faster due to several steps, figuring out that > == children is removed from the equation (and and .find() , which is optimized for sharing different purposes).

Answer 3

This is a CSS selector called a "child combinator", which means that in your case it will select all the child divs ".divName". It differs from the "combinator descendant" (.find ("div")), which will select all descendants of the div ".divName".

Source: http://www.w3.org/TR/css3-selectors/#child-combinators

Examples from this page:

The following selector is the p element, which is a child of the body:

body> p

The following example combines child compilers and child combinators.

div ol> li p

It represents the element p, which is a descendant of the element li; the li element must be a child of ol; The ol element must be a descendant of the div. Note that the extra space around the ">" combinator is not specified.

On the same page you can find a list of all CSS 3 selectors: http://www.w3.org/TR/css3-selectors/#selectors