怎么改变才可以把3个ul下的最后一个li改变呀-慕课网

怎么改变才可以把3个ul下的最后一个li改变呀

来源：6-2 jQuery遍历之find()方法

可乐要加冰Xx

2017-09-24 17:41

<script type="text/javascript">
    $("button:first").click(function() {
        $('.left').children().children().children(':last').css('border','red solid 3px')
    })
    </script>

<div class="left first-div">
        <div class="div">
            <ul class="level-1">
                <li class="item-1">1</li>
                <li class="item-2">2</li>
                <li class="item-3">3</li>
            </ul>
        </div>
        <div class="div">
            <ul class="level-2">
                <li class="item-1">1</li>
                <li class="item-2 test">2</li>
                <li class="item-3">3</li>
            </ul>
        </div>
        <div class="div">
            <ul class="level-3">
                <li class="item-1">1</li>
                <li class="item-2">2</li>
                <li class="item-3">3</li>
            </ul>
        </div>
    </div>

为啥光最后一个的ul下的最后一个li改变了

$('.left').children().children().children(':last').css('border','red solid 3px')

怎么改变才可以把3个ul下的最后一个li改变呀

写回答关注

11回答

Sicimike

2017-09-26 10:15:11

已采纳
```
 $('.left').children().children().children('.item-3').css('border','red solid 3px')
```
1 0

可乐要加冰X...

非常感谢！

2017-10-10 18:19:00

共 1 条回复 >
金刚无敌葫芦娃

2020-04-02 23:26:57

$('ul').children(':last-child').css('border', '1px solid red');

0 0
大耗子0

2019-07-10 22:23:51

$(".left").find("ul").find(":last").css("border", "2px solid red");

0 0
qq_何尝不在意_0

2019-03-15 17:09:05

$(".left").find(".item-3").css("border","3px solid red")

0 0
天色将明

2018-11-01 11:11:27

$('.left').find($('li:last')).css("border","red 1px solid")

0 0
小程序魔王

2018-10-07 17:05:10

$("li:last-child").css("border","3px solid red");

0 0
卧龙不言

2018-02-04 11:49:30

$('.left').find('.item-3').css('border','3px solid red')

0 0
市民高女士的小女儿

2017-10-24 17:02:57

$(".left").find("li:contains('3')").css("border","1px solid red");

0 0
qq_世界左右丈量阳光_0

2017-10-07 19:09:36

$(".left .div").find("li:last").css("border","1px red solid")

0 1
慕前端1599144

2017-09-28 22:02:08

$(".left").find("li:last-child").css("border","1px solid red")//利用 last-child筛选器筛选属于其父元素最后一个元素的li

0 10
可见光65

2017-09-26 10:27:59

$('.left').find('.item-3').css('border','red solid 3px')

0 0