jQuery子选择器表达式 1.1 1.2 2.2

用于选择以下内容的jQuery选择器表达式有哪些：
1.第一级评论的div
2.第二级评论的div

---

3.由第三级注释的div在本例中使用直接子选择器

：

• 第一级：

  • $（“#div>div”）

  • $（“#div>*”）

    （通用版）
• 第二级：

  • $（“#div>div>div”）

  • $（“#div>*>*”）

    （通用版）
• 第三级：

  • $（“#div>div>div>div”）

  • $（“#div>*>*>*”）

    （通用版）

等效的泛型是

.children（）

，也不带选择器，例如：

<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>

---

与CSS选择器完全相同

根据您的新需求进行编辑：

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

$（“#div>*”）

-这将选择元素直接继承的所有标记。如果不使用子选择器

，您将获得元素#div中的所有标记，而不仅仅是第一级标记

$（'#div>*>*'）

-与#1的想法相同

$（'#div>*>*>*'）

---

所有这些的关键是

>

（子）选择器或方法

第一级：

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

第二级：

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

第三级：

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

如果您对某个特定的标记（例如div）不感兴趣，那么就不要为

children（）

指定选择器。例如，所有第二级元素：

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

---

它们是正确的，但要特别选择您的第一个项目，请使用此选项

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

---

请不要使用“>div”作为选择器，因为html dom标记是动态的。它可能是div，也可能是ul或li等。通过单击帮助您解决问题的答案旁边的复选标记，确保接受您的问题的答案，使您的问题更符合回答者的需要。

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")