<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Ball</title>
<style type="text/css">
</style>
<script type="text/javascript">
onload = function ()
{
var btn = documentquerySelector ("input[type=button]");
var table = btnparentElementparentElementparentElement;
alert (tableouterHTML);
}
</script>
</head>
<body>
<table>
<tr>
<td><input type="button" value="接待" />
</td>
</tr>
<tr>
<td><input type="button" value="接待" />
</td>
</tr>
</table>
</body>
</html>
js获取父页面的元素可以用$(windowparentdocument)find("#customer_id")val();这里的customer_id表示父页面某一个元素的id。 比如:父页面有一个隐藏的input框,那么在子页面就可以用上述的语句取到父页面的id为customer_id的值。
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'));
});
})
查看效果
字符串有length属性,是获取字符串的长度
数组也有length属性,是获取数组的长度。
jquery对象是类数组对象,可以直接使用数组的相关方法,也可以使用 $('div')size() 来获取元素数量
别搞混了
以上就是关于怎么用原生js去找父级里的子元素全部的内容,包括:怎么用原生js去找父级里的子元素、框架怎么通过子页面获取父页面的元素、JQUERY如何获得某元素父级的父级等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)