Javascript jQuery中的直接子选择

$（文档）.ready（函数（）{
元("一李").文本("水果);；
})

苹果


芒果
葡萄


香蕉
橙色

您告诉jQuery将所有子列表项的内容更改为“水果”，因此它会清除嵌套列表并执行此操作。如果要跳过包含其他列表的列表项，则需要告诉它：

$（文档）.ready（函数（）{
$（“#one>li:not（：has（'ul'））”）。文本（“水果”）；
})

苹果


芒果
葡萄


香蕉
橙色

您告诉jQuery将所有子列表项的内容更改为“水果”，因此它会清除嵌套列表并执行此操作。如果要跳过包含其他列表的列表项，则需要告诉它：

$（文档）.ready（函数（）{
$（“#one>li:not（：has（'ul'））”）。文本（“水果”）；
})

苹果


芒果
葡萄


香蕉
橙色

实际上，您使用的选择器告诉您“选择所有li，它们是具有一个id的元素的直接子元素”

如果您只想更改第一项的文本，您可以使用“：first child”伪类

$("#one > li:first-child").text("My Text");

---

查看css伪类的更多信息。

实际上，您使用的选择器告诉您“选择所有li，它们是具有一个id的元素的直接子元素”

如果您只想更改第一项的文本，您可以使用“：first child”伪类

$("#one > li:first-child").text("My Text");

---

查看css伪类的更多信息。

您的

id

选择器

#一个
位于父
ul
元素上。直接子选择器
>
将应用于任何直接
li
子项。这意味着您选择的
标记正下方的所有
li
标记。您的
id
选择器
\one
位于父
ul
元素上。直接子选择器
>
将应用于任何直接
li
子项。这意味着您选择的
标签下的所有
li
标签。