遍历元素的父辈和祖先
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>遍历元素的父辈和祖先</title>
</head>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function(){
$(":button").click(function(){
//$("#info").html($("#a4").parent().attr("id"));
$("#a4").parents().each(function(i,e){
$("#info").html($("#info").html()+"第"+i+"个祖先"+$(this).attr("id"));
});
});
});
/**
* tagName js的语法，需要用js对象(js的dom对象)来调用
js中的DOM对象 this,e,$(this).get(0)
JQurey对象 $(this)
find()必须要加参数筛选
*/
</script>
<body>
<input type="button" value="测试"><div id="info"></div>
<div id="a1">
<div id="a2">
<div id="a3">
<div id="a4">
</div>
</div>
</div>
</div>
</body>
<html>
<head>
<meta charset="UTF-8">
<title>遍历元素的父辈和祖先</title>
</head>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function(){
$(":button").click(function(){
//$("#info").html($("#a4").parent().attr("id"));
$("#a4").parents().each(function(i,e){
$("#info").html($("#info").html()+"第"+i+"个祖先"+$(this).attr("id"));
});
});
});
/**
* tagName js的语法，需要用js对象(js的dom对象)来调用
js中的DOM对象 this,e,$(this).get(0)
JQurey对象 $(this)
find()必须要加参数筛选
*/
</script>
<body>
<input type="button" value="测试"><div id="info"></div>
<div id="a1">
<div id="a2">
<div id="a3">
<div id="a4">
</div>
</div>
</div>
</div>
</body>
</html>