JQUERY如何获得某元素父级的父级_框架

jquery中parent()可以获取父级元素，所以获得某元素父级的父级可以使用

$(selector)parent()parent();

示例如下

创建Html代码及css样式

class1

class2

class3

</div>

</div>div{padding:10px 20px;border:4px solid #ebcbbe;}

divclass1{width:200px;height:120px;}

编写jquery代码

$(function(){

$("divclass3")click(function() {

obj = $(this)parent()parent();

alert(objprop('class'));

});

})

查看效果

<!doctype html>

<html>

<head>

jquery获取父元素方法比较多，比如parent()，parents()，closest()，find,first-child这些都能帮你实现查找父节点、子节点、兄弟节点。

$('#cur')parent()parent();或$('#cur')parent()parent('pp');或$('#cur')parent('pp');

jquery 兄弟节点的获取

<ul>

<li>

<ul>

</ul>

</li>

<li>

<ul>

</ul>

</li></ul>

比如要点击类目一所在的 h3，对其兄弟节点的 ul 添加一个叫做 "show" 的 class，代码如下：

$("title")click(function () { $(this)parent()find('ul')addClass('show'); });

就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul，还有一种方法是使用 siblings() 函数，代码如下:

("title")click(function() { $(this)siblings('ul')addClass('show'); })

子节点怎么获得

$("#tbody1:first-child")

:first-child

匹配第一个子元素

':first' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素

以上就是关于JQUERY如何获得某元素父级的父级全部的内容，包括:JQUERY如何获得某元素父级的父级、使用jquery怎么获取父元素、用jquery怎么取父节点的兄弟节点的所有子节点等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

JQUERY如何获得某元素父级的父级