jquerychildren方法选择孙子
我正在学习关于jQuery的net.tuts教程。我对jQuery子项选择方法有问题。根据我对以下函数的理解,我可以更改子元素的颜色,但将所有列表元素的颜色更改为红色的过程不止一个级别。我做错了什么?我在视频教程中看到了同样的脚本。这是密码jquerychildren方法选择孙子,jquery,children,Jquery,Children,我正在学习关于jQuery的net.tuts教程。我对jQuery子项选择方法有问题。根据我对以下函数的理解,我可以更改子元素的颜色,但将所有列表元素的颜色更改为红色的过程不止一个级别。我做错了什么?我在视频教程中看到了同样的脚本。这是密码 <ul class="color_change"> <li>Item 1</li> <li>Item 2</li> <li> <ul>
<ul class="color_change">
<li>Item 1</li>
<li>Item 2</li>
<li>
<ul>
<li>sub item</li>
<li>sub item</li>
</ul>
</li>
</ul>
<script>
$('ul.color_change').children('li').css('color','red');
</script>`
- 项目1
- 项目2
-
- 分项
- 分项
$('ul.color_change')。children('li')。css('color','red');
`
您可以使用:
另一种方式将为所有一级子级设置红色:
但最好只使用CSS规则:
你可以这样做:
另一种方式将为所有一级子级设置红色:
但最好只使用CSS规则:
这是因为CSS颜色是从它的父项继承的,它是绝对正确的。用css给你的li上色(红色除外)检查一下这个提琴。。[不要困惑!你的小提琴不起作用,但我给了你一点,因为你指出了我在下面的教程中遗漏的一点,那就是设置基础颜色。这是因为CSS颜色是从它的父母那里继承的。这是绝对正确的。用CSS给你的li(红色除外)上色检查这把小提琴。。[别糊涂了!你的小提琴不管用,但我给了你一个要点,因为你指出了我在下面的教程中错过的东西,那就是设置基础颜色。我给了你一个要点,让你花点时间解释不同的方法。最后,我又看了一遍教程,你是对的“css颜色继承自其父项”。我忘记了教程中的一点,那就是添加基础颜色li{color:black};这会解决问题。感谢您花时间解释不同的方法。最后,我再次查看了教程,您是对的“css颜色继承自其父项”.我忘记了教程中的一点,那就是添加一个基色li{color:black};它可以解决这个问题。谢谢
$('ul.color_change').children('li').not(':has(ul)').css('color','red');
$('ul.color_change').find('ul').css('color','black').end().children('li').css('color','red');
ul.color_change > li{color:red}
ul.color_change > li > ul{color:black}