求解!关于class="div"下的li！-慕课网

首页课程实战体系课手记专栏慕课教程

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

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

沐倾寒

2017-04-10 14:55

<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回答

晨影影

2017-04-14 11:26:06

已采纳

运行结果如下：

1 0

沐倾寒

非常感谢！

2017-04-15 12:28:25

共 1 条回复 >
晨影影

2017-04-14 13:02:28

红框是.（"left"），蓝框是.（"div"）

0 0
晨影影

2017-04-10 15:33:14

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

5 0

晨影影回复慕侠1357...

我是这样理解的，你看对不对，因为你选择的对象不一样，因此范围不同。$(.div)是以类名为div的集合，针对集合中每个元素进行的操作，而$.('.left')是以类名为left的集合，且集合中只有一个元素。

2017-04-14 12:58:21

共 5 条回复 >
晨影影

2017-04-10 15:29:52

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

0 0

jQuery基础(二)—DOM篇

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

114014 学习 · 590 问题

相似问题

关于<div class="' + $(this).text() + '" />

回答 2

return '<div class="' + $(this).text() + '" />'; 求详解

回答 1

关于新建的div

回答 1

如何删除class为left下的第一个div下的a标签

回答 2

关于<div class="hello"><p>慕课网</p></div> $('.hello').on("click",fn)

回答 1

打开慕课网App查看更多内容