章节
问答
课签
笔记
评论
占位
占位

jQuery遍历之parent()方法

jQuery是一个合集对象,如果想快速查找合集里面的每一个元素的父元素(这里可以理解为就是父亲-儿子的关系),此时可以用parent()方法

因为是父元素,这个方法只会向上查找一级

理解节点查找关系:

<div class="div">
    <ul class="son">
        <li class="grandson">1</li>
    </ul>
</div>

查找ul的父元素div, $(ul).parent(),就是这样简单的表达

parent()无参数

parent()方法允许我们能够在DOM树中搜索到这些元素的父级元素,从有序的向上匹配元素,并根据匹配的元素创建一个新的 jQuery 对象

注意:jQuery是一个合集对象,所以通过parent是匹配合集中每一个元素的父元素

parent()方法选择性地接受同一型选择器表达式

同样的也是因为jQuery是合集对象,可能需要对这个合集对象进行一定的筛选,找出目标元素,所以允许传一个选择器的表达式

具体的操作,请参考右边的代码

任务

请在右边代码区域的第76行填入任务代码

找到所有class=level-3的ul
找到它的父元素li,并且加上一个红色的边框

 

?不会了怎么办

 $('.level-3').parent().css('border', '1px solid red')

||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最赞回答 / 悟酱起飞
click定义了以后,只对上文的dom有效果,下文新建的dom是没有这个事件的on了以后,不管是上文拥有的dom,还是新建的dom,都有这个事件一个很简单的例子:不用on:var a = $('<div class="cl">创建节点</div>');a.appendTo('body');$('.cl').click(function(){console.log('click无on')});$('body').append('<div class="cl">新建节点&l...

已采纳回答 / qq_鄧酀鎔_0
$('.item-a').parent()是一个jquery对象的数组,:last是筛选拿到最后一个jquery对象,然后再进行操作。

+ 我来回答 回答最高可+2积分

已采纳回答 / 冰块儿_正能量小恶魔
什么叫符合条件的呢?你现在选择的条件是$('ul .level-3')“所有ul的类名为level-3的子孙元素”问题中是所有“类名为level-3的ul元素”应写作$('ul.level-3')(注意中间没有空格)

最赞回答 / 腻而不忘4392733
我知道了,代码里面有俩个相同的class,返回的是俩个合集,加入:last是为了之读取下一个item-a

已采纳回答 / Brotherit
如果 你没有问错 章节的话。都有效果的。chrome和firefox有没问题。章节:jQuery遍历之parent()方法【JQ基础二 6-3】 $("button:first").click(function() {        $('.level-3').parent().css({'border':'1px solid red'});        })    </script>    <script type="text/javascript">    $("button...

已采纳回答 / lh0826
那是选择器,它只会查找一级所以不需要参数

最赞回答 / 装完B就跑_真刺激
 $("button:first").click(function() {        $(".level-3").parent().css("border","2px solid red");    })这里的同一类型 就是指 类名为  level-3 这一类型的
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言