jQuery子选择器表达式

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>

用于选择以下内容的jQuery选择器表达式是什么:
1.div由第一级别
评论2. divs由第二级别
评论3. divs由第三级别评论

Answer 1

>在这种情况下使用直接子选择器:

• 第一级:
  • $("#div > div")
  • $("#div > *") (通用版)
• 第二级:
  • $("#div > div > div")
  • $("#div > * > *") (通用版)
• 第三级:
  • $("#div > div > div > div")
  • $("#div > * > * > *") (通用版)

等效泛型也.children()没有选择器,例如:

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

Answer 2

所有这些的关键是>(子)选择器或children() 方法.

第一级:

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

第二级:

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

第三级:

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

如果您对特定标签(例如div)不感兴趣,那么就不要指定选择器children().例如,所有第二级元素:

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