Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquerychildren方法选择孙子_Jquery_Children - Fatal编程技术网

jquerychildren方法选择孙子

jquerychildren方法选择孙子,jquery,children,Jquery,Children,我正在学习关于jQuery的net.tuts教程。我对jQuery子项选择方法有问题。根据我对以下函数的理解,我可以更改子元素的颜色,但将所有列表元素的颜色更改为红色的过程不止一个级别。我做错了什么?我在视频教程中看到了同样的脚本。这是密码 <ul class="color_change"> <li>Item 1</li> <li>Item 2</li> <li> <ul>

我正在学习关于jQuery的net.tuts教程。我对jQuery子项选择方法有问题。根据我对以下函数的理解,我可以更改子元素的颜色,但将所有列表元素的颜色更改为红色的过程不止一个级别。我做错了什么?我在视频教程中看到了同样的脚本。这是密码

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