JQuery child selector expression

Question

<div id="div">
    <div> <!-- first level -->
        <div> <!-- second level -->
            <div>1.1</div> <!-- third level -->
            <div>1.2</div>
        </div>
        <div>
            <div></div>
            <div>2.2</div>
        </div>
    </div>
</div>

What are the expressions of the jQuery selector to select the following elements:
1. div, commented on by the first level
2. Divas, commented on by the second level
3. Divas, commented on by the third level

Answer 1

The key to all of them is either a selector >(child) or a method children().

First level:

$("#div > div")...
$("#div").children("div")...

Second level:

$("#div > div > div")...
$("#div").children("div").children("div")...

Third level:

$("#div > div > div > div")...
$("#div").children("div").children("div").children("div")...

(, div), children(). , :

$("#div").children().children()...

Answer 2

> :

• :
  • $("#div > div")
  • $("#div > *") ( )
• :
  • $("#div > div > div")
  • $("#div > * > *") ( )
• :
  • $("#div > div > div > div")
  • $("#div > * > * > *") ( )

.children() , :

$("#div").children()
$("#div").children().children()
$("#div").children().children().children()

Answer 3

, CSS .

:

#div > *
#div > * > *
#div > * > * > *

Answer 4

• $('#div > *') - , #div. > #div, .

• $('#div > * > *') - , # 1

• $('#div > * > * > *')

Answer 5

, ;

first level : $("#div").children("div:first-child")

Second level: $("#div:first-child").children("div:first-child").children("div:first-child")

Third level: $("#div").children("div":first-child).children("div:first-child").children("div:first-child")