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

jquery怎么获取当前元素的父元素

jquery怎么获取当前元素的父元素

慕村9548890 2019-03-22 19:15:15
jquery怎么获取当前元素的父元素
查看完整描述

1 回答

?
精慕HU

TA贡献1845条经验 获得超8个赞


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>01获取父节点</title>

</head>

<body>

<ul id="nodeid">

<li>小米</li>

<li id="chuizi">锤子</li>

<li>华为</li>

</ul>

    <script>

        //测试parentElement和parentNode的区别

/*

            parentNode - 获取父节点

            父级节点可以是所有节点类型,包括文档节点

             

            parentElement - 获取父元素节点

            父级必须是元素节点 -> 其实就必须是HTML的标签

            <html>标签的父元素节点是null

        */

        //查询节点位置

var nodeid = document.getElementById('chuizi');

        //获取父节点

console.log(nodeid.parentElement);//获取了ul节点

console.log(nodeid.parentNode);//获取了ul节点

 

        //在顶级元素节点上测试

var html = document.documentElement;//属性可返回文档的根节点

console.log(html.parentElement);//null

console.log(html.parentNode);//#document文档节点

 

        //总结:如果获取的不是顶级元素节点的情况下,两者都是可以使用

        //parentElement匹配的是parent为element(元素)的情况,而parentNode匹配的则是parent为node(节点)的情况。

</script>

</body>

</html>

以前的笔记,直接可以运行!

 


查看完整回答
反对 回复 2019-03-24
  • 1 回答
  • 0 关注
  • 1034 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信