JQuery parent de parent

Bonjour.

Voici un exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="Author" content="Daniel Hagnoul" />
	<title>Page type</title>
	<link rel="stylesheet" type="text/css" href="../styles/principal.css" media="screen" />
	<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			alert($("#enfant4").parents().eq(3)[0].id);
		});
	</script>
</head>
<body>
	<div id="conteneur">
		<div id="enfant1">
			<div id="enfant2">
				<div id="enfant3">
					<div id="enfant4">
						<p>&nbsp;</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>

On peut filtrer les parents :

Code:

1
2
 
var monID = $("#enfant4").parents("div").eq(3)[0].id;