<!DOCTYPE HTML>
<html>
<head>
<title>jQuery Parents</title>
<style type="text/css">
div {
border: 1px solid #E0E0E0 ;
padding: 10px 10px 10px 10px ;
}
div.parent {
border-color: #CC0000 ;
}
</style>
<script type="text/javascript" src="jquery-1.4.1.js"></script>
<script type="text/javascript">
// When the DOM is ready, initialize script.
jQuery(function( $ ){
// Get the first DIV parent of the links.
$( "a" ).parents( "div:first" ).addClass( "parent" );
});
</script>
</head>
<body>
<h1>
jQuery Parents
</h1>
<div>
<div>
<span>
<a href="##">Some Link</a>
</span>
</div>
</div>
<br />
<div>
<div>
<span>
<a href="##">Some Link</a>
</span>
</div>
</div>
</body>
</html>