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

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

$('.div ul').children(":last").css('border', '3px solid blue')

正在回答

4 回答

因为children()这个方法只能返回匹配元素集合中每个元素的所有元素(仅儿子辈),div下的儿子辈是只是ul,li是div孙子辈的,所以无法显示。

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

ltinyho 提问者

非常感谢!
2016-10-18 回复 有任何疑惑可以回复我~
#2

ltinyho 提问者

不对吧,$('.div ul')匹配的就是ul了,ul的children就是li,我直接用find(“li”)就不用加ul了
2016-10-18 回复 有任何疑惑可以回复我~

children(':last')返回ul所有子元素的最后一个

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

.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素

所以这个:last筛选是从符合$('.div ul')的所有子元素中选择最后一个,而不是三个$('.div ul')的子元素分别处理,如果想达到你需要的效果应该用 $('.div ul .item-3').css('border', '3px solid blue')

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

可以啊,代码在页面中编辑器的话,有时不知道什么原因会没有边框,但是把代码复制粘贴到自己本地的浏览器测试,是可以的,你自己试一下

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

举报

0/150
提交
取消

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

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