Jqurey学习(3)parents的学习

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".ex .hide").click(function(){
$(this).parents(".d").hide("slow");
});
});
</script>
<style type="text/css"> 
div.ex
{
background-color:#e5eecc;
padding:7px;
border:solid 1px #c3c3c3;
}
div.d{
background-color:#ffffff;
padding:7px;
border:solid 1px #c3c3c3;
}

</style>
</head>
 
<body>

<h3>Island Trading</h3>
<div class="d">
<p>My Test<br /> 
<div class="ex">
<button class="hide" type="button">Hide me</button>
<p>Contact: Helen Bennett<br /> 
Garden House Crowther Way<br />
London</p>
</div>
</div>


</body>
</html>

parents可以取到指定元素的父级元素。

posted @ 2012-09-05 22:14  Tom Fan  阅读(180)  评论(0编辑  收藏  举报