为了账号安全,请及时绑定邮箱和手机立即绑定

求解!关于class="div"下的li!

 <script type="text/javascript">

    $("button:first").click(function() {

        //?

        var $li = $('li:last')

        $(".div").find($li).css('border','1px solid red')

        

    })

    </script>

我试着这么写,为啥不是每一个class=div,中的最后一个li,而是最后一个class=div中的最后一个li有效果。


正在回答

4 回答

运行结果如下:http://img1.sycdn.imooc.com//58f04132000164d509170411.jpg

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

沐倾寒 提问者

非常感谢!
2017-04-15 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//58f057a900016e2405390523.jpg红框是.("left"),蓝框是.("div")

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

  $('.div').find('li:last').css('border','1px solid blue');这句话可以实现筛选出每一个class=div,中的最后一个li

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

慕侠1357420

这是总体的最后一个li把
2017-04-14 回复 有任何疑惑可以回复我~
#2

晨影影 回复 慕侠1357420

是每一个class=div,中的最后一个li,你可以运行一下看结果
2017-04-14 回复 有任何疑惑可以回复我~
#3

慕侠1357420 回复 晨影影

我试了 前面$(.div)的话就是每个中的最后一个 ,用.(left)就是总体的最后一个,他们应该定位到一样的li啊 为什么会不一样呢
2017-04-14 回复 有任何疑惑可以回复我~
#4

晨影影 回复 慕侠1357420

我是这样理解的,你看对不对,因为你选择的对象不一样,因此范围不同。$(.div)是以类名为div的集合,针对集合中每个元素进行的操作,而$.('.left')是以类名为left的集合,且集合中只有一个元素。
2017-04-14 回复 有任何疑惑可以回复我~
查看2条回复

你可以把你的script语句注销,写入$('li:last').css('border','1px solid blue');就可以看出你定义的变量就是li合集的最后一个元素

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

举报

0/150
提交
取消

求解!关于class="div"下的li!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信