Comment puis-je établir un lien permanent
entre deux éléments du DOM ?

On crée un lien entre un élément d'un menu et la division correspondante dans le corps de la page web. Un clic sur un élément du menu déplace la page (scrollTop) vers la division correspondante.

Code JS : 

var jObjLiMenu = $( "li", "ul.menu" ),
		jObjDivMenu = $( "div.menu" );
		
	/*
	 * Test indispensable, au cas où il n'y aurait pas le même 
	 * nombre de chaque type d'élément !
	 */
	if ( jObjLiMenu.length ===  jObjDivMenu.length ){
		
		jObjLiMenu.each( function( i, item ){
			$( item )
				.data( "divisionMenu", jObjDivMenu.eq( i ) )
				.on( "click", function(){
    				
    				$( "html, body" ).animate({ 
    					"scrollTop": $( this ).data( "divisionMenu" ).offset().top 
    				}, ( i + 1 ) * 1500 );
					
				});
				
		});
	}

• Menu n° 1
• Menu n° 2
• Menu n° 3
• Menu n° 4
• Menu n° 5