gpt4 book ai didi

jquery - jquery 中的 'first-child' 选择器问题

转载 作者:太空宇宙 更新时间:2023-11-03 23:59:17 24 4
gpt4 key购买 nike

<html>
<head>
<style type="text/css">
.hori {
color:red;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#car :first-child').addClass('hori');
});
</script>
</head>
<body>
<ul id="car">
<li>Honda
<ul>
<li>Jazz</li>
<li>Freed</li>
<li>CRV</li>
<li>Oddesey</li>
</ul>
</li>
<li>Nissan
<ul>
<li>Grand Livina</li>
<li>Livina X-gear</li>
<li>X-Trail</li>
</ul>
</li>
<li>Toyota
<ul>
<li>Fortuner</li>
<li>Prius</li>
<li>Innova</li>
</ul>
</li>
</ul>
</body>
</html>

问题:

我想把 class:hori(make red color) 放到这个列表中:

        <li>Honda
<ul>
<li>Jazz</li>
<li>Freed</li>
<li>CRV</li>
<li>Oddesey</li>
</ul>
</li>

所以我使用 $('#car :first-child').addClass('hori');但输出不是我想要的。除了日产和丰田,所有的文字都变成了红色。那么 css 选择器代码有什么问题呢?

最佳答案

#car :first-child选择作为 #car 中任何元素的第一个子元素的每个 元素元素。

只选择第一个 <li>改用这个:

$('#car > :first-child').addClass('hori');

>将确保只选择 #car直接后代.

当然,您实际上并不需要 jQuery,因为这也可以在 CSS 中完成。

关于jquery - jquery 中的 'first-child' 选择器问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17480436/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com