jquery 怎么通过子元素找父元素

使用js或者jquery查找父元素、子元素经常遇到。可是用起来总容易混淆，这里统一总结了一下，以后用起来相信会方便好多

这里jquery向上查找父元素 用到的方法：

closest() parents() parent()

向下查找子元素

用到的方法：find() children()

js用的是 children[] 属性 ！

$(selector,

windowparentdocument);用于框架类页面

$(selector,

windowopenerdocument);这个适合单独打开的页面

$('#cname',windowopenerdocument)val('companyname');

$('#cname',windowopenerdocument)attr('value':'companyname');都可以

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

$(selector)parent()parent();

示例如下

创建Html代码及css样式

<div class="class1">

class1

<div class="class2">

class2

<div class="class3">

class3

</div>

</div>

</div>

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

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

parent()是 父元素 就一个，你要选取class=x的元素,就是第一个p元素的父元素的父元素：

$("p:eq(0)")parent()parent()css("background", "yellow");

或者p元素父元素的父元素类为x的元素：

$("p")parent()parent("x")css("background", "yellow");

或者p元素祖先元素(祖先就很多个了)中类为x的元素:

$("p")parents("x")css("background", "yellow");

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

$(selector)parent()parent();

示例如下

创建Html代码及css样式

<div class="class1">

class1

<div class="class2">

class2

<div class="class3">

class3

</div>

</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'));

});

})

以上就是关于jquery 怎么通过子元素找父元素全部的内容，包括:jquery 怎么通过子元素找父元素、jquery获取父窗口元素的方法、jquery中怎么获取父级元素和同级元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！