                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(二)—DOM篇

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

<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改变呀

可乐要加冰Xx

2017-09-24

源自：jQuery基础(二)—DOM篇 6-2

关注问题我要回答

2664

操作

收起

11 回答

Sicimike 回答被采纳 +2 积分
2017-09-26

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

0 回复有任何疑惑可以回复我~

#1

可乐要加冰Xx 提问者

非常感谢！

2017-10-10 回复有任何疑惑可以回复我~

金刚无敌葫芦娃
2020-04-02

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

0 回复有任何疑惑可以回复我~

大耗子0
2019-07-10

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

0 回复有任何疑惑可以回复我~

qq_何尝不在意_0
2019-03-15

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

0 回复有任何疑惑可以回复我~

天色将明
2018-11-01

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

0 回复有任何疑惑可以回复我~

小程序魔王
2018-10-07

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

0 回复有任何疑惑可以回复我~

卧龙不言
2018-02-04

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

0 回复有任何疑惑可以回复我~

市民高女士的小女儿
2017-10-24

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

0 回复有任何疑惑可以回复我~

qq_世界左右丈量阳光_0
2017-10-07

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

1 回复有任何疑惑可以回复我~

慕前端1599144
2017-09-28

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

10 回复有任何疑惑可以回复我~

首页上一页1 2 下一页尾页

举报

0/150

提交

取消

jQuery基础(二)—DOM篇

参与学习 114013 人
解答问题 590 个

jQuery第二阶段开启DOM修炼，了解创建、插入、删除与替换

本课相似问答

4 回答为什么下面的代码不能将每个ul下最后一个li加上边框

2 回答将节点修改为ul为什么只有第二个框里的字变蓝色了

3 回答each() 方法逐个li变颜色

3 回答按提示这样写为什么不是每一个li下的最后一个有效果

1 回答怎么找到每个DIV的子元素的最后一个？

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载