Javascript 使用jQuery查询DOM，代码不起作用？

这真的很奇怪，我检查了jQueryAPI只是为了确保自创建教程以来一切都没有改变

然而，上面的代码仍然给我所有的子元素，即我是第一个、你是第二个和来自嵌套的Hello，而不是第一个元素

$（'ul.emphasis'）.children（'li'）.first（）.addClass（'emphasis'）
.emphasis{
颜色：红色；
字体大小：粗体；
}

欢迎来到我的网站
Lorem ipsum dolor sit amet，奉献精英。是否对脑智商进行了评估？真的吗，劳丹蒂姆？这是一种流动性，rem ipsum cupiditate非排斥性，这是一种过失，是一种透视


我是第一个
你是第二名


巢里的你好



您只需为父选择器使用不同的类并添加实际的样式


$（'ul.emphasis'）.children（'li'）.first（）.addClass（'emphasis'）
.emphasis{
颜色：红色；
字体大小：粗体；
}

欢迎来到我的网站
Lorem ipsum dolor sit amet，奉献精英。是否对脑智商进行了评估？真的吗，劳丹蒂姆？这是一种流动性，rem ipsum cupiditate非排斥性，这是一种过失，是一种透视


我是第一个
你是第二名


巢里的你好



您的代码按照您最初的预期运行，因为
.first（）
的结果只返回包含文本
“我是第一个”
的
li
元素。在浏览器中打开时，所有元素都显示为红色的原因是您正在为父级和子级重用类
emphasis
。由于
color
和
font-weight
是继承的CSS属性，因此
ul下的所有
li
元素将以红色和粗体强调。但正如我所说，只有第一个
li
元素具有
强调类。
所有文本都是红色的原因是您将
颜色：红色
规则应用于您的父级
ul
。这意味着
ul
中的所有内容都将为红色。您的第一个
li
正在接收
.emphasis
类，但是如果没有该类，它将是红色的。要更改代码，请在
ul
上使用
class=“emphasisted”
，然后将jQuery中的选择器更改为
$（'ul.emphasisted'）

以下是您的代码的工作版本：


$（'ul.emphasisted'）.children（'li'）.first（）.addClass（'emphasis'）
.emphasis{
颜色：红色；
字体大小：粗体；
}

欢迎来到我的网站
Lorem ipsum dolor sit amet，奉献精英。是否对脑智商进行了评估？真的吗，劳丹蒂姆？这是一种流动性，rem ipsum cupiditate非排斥性，这是一种过失，是一种透视


我是第一个
你是第二名


巢里的你好



至少要在设置问题格式方面花些功夫。发生的事情也应该很明显。你确定你已经考虑清楚了吗？当您正在添加的课程已经在家长中时，您的期望是什么？什么？我正在选择一个元素，并试图将css类添加到其中。代码在这里运行良好。该类只会添加到您选择的第一个LI元素中（作为浏览器的DOM检查器的简单外观，您可能已经看到了）-但由于UL具有相同的类，因此它的所有文本内容都会显示为红色文本颜色…哦！非常感谢，我是编程新手，如果没有stackoveflow，我会放弃整个教程系列。我希望这个问题没有被删除，我也没有被阻止。为什么这个答案被否决了？我承认我本可以做更多的研究，但当你刚开始编程时，很难注意到这样的事情。如果不是因为这个和上面的答案，我本可以放弃jquery教程系列。