Barre de navigation facile, ou jouer avec les parents() d’un élément de liste

Markup

<div id="nav">
	<ul>
		<li class="active"><a href="#" class="homepage">Sarah Demeestere</a></li>
		<li><a href="#" class="mission">Mission</a></li>
		<li><a href="#" class="superstring">Superstring</a></li>
		<li><a href="#" class="art">Art</a></li>
		<li><a href="#" class="film">Film</a></li>
		<li><a href="#" class="contact">Contact</a></li>
	</ul>
</div>

jQuery

<script type="application/javascript">
	$(function(){
		$('#nav a').click(function(){
			$('#nav li').removeClass('active');
			$(this).parents('li:first').addClass('active');
		});
	});
</script>