jquery怎么获取当前元素的父元素
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery怎么获取当前元素的父元素相关的知识，希望对你有一定的参考价值。
这样：
<ul class="parent1">
<li><a href="#" id="item1">jquery获取父节点</a></li>
<li><a href="#">jquery获取父元素</a></li>
</ul>
扩展资料：
注意事项
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。
可以看出parent的取值很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。
<div id='div1'>
<div id='div2'><p></p>
</div><div id='div3' class='a'><p></p></div>
<div id='div4'><p></p></div>
</div>
<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>
以前的笔记，直接可以运行！
本回答被提问者采纳 参考技术B <!DOCTYPE html><html>
<head>
<meta charset="UTF-8" />
<title>HTML5学堂</title>
<style type="text/css">
.h5course-cn
width: 800px;
height: 200px;
background-color: #39f!important;
color: #fff;
font-size: 30px;
text-align: center;
line-height: 200px;
/*新起一个类名*/
.h5course-com
/*用于覆盖现有的样式*/
background-color: pink!important;
</style>
</head>
<body>
<div class="h5course-cn">学习HTML5，到HTML5学堂 h5course-com</div>
<script src="https://js.h5course.cn/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
// 用添加类名来实现
$('.h5course-cn').addClass('h5course-com');
</script>
</body>
</html> 参考技术C $(this).parent()
jquery中怎样根据父级找元素
jquery中parent()可以获取父级元素，所以获得某元素父级的父级可以使用$(selector).parent().parent();
示例如下
创建Html代码及css样式
<div class="class1">
class1
<div class="class2">
class2
<div class="class3">
class3
</div>
</div>
</div>
divpadding:10px 20px;border:4px solid #ebcbbe;
div.class1width:200px;height:120px;
编写jquery代码
$(function()
$("div.class3").click(function()
obj = $(this).parent().parent();
alert(obj.prop('class'));
);
) 参考技术A $("#id").parent().find("#otherid");
以上是关于jquery怎么获取当前元素的父元素的主要内容，如果未能解决你的问题，请参考以下文章