Suppretion de noeuds sauf un...

Version imprimable

Bonjour,

J'ai un tableau de div. Qui est créé dynamiquement via un cloneNode.

Maintenant j'ai un lien dans chque ligne. J'aimerais quand je clique sur le lien supprimer les lignes autre que celle du lien. J'ai essayé avec la procédure removeChild en passant l'index en prametre mais comme apres la suppretion l'index des noeuds change ça ne marche pas trop...
Est ce que quelqu'un pourrait m'aider ?

Merci d'avance,

Ci dessous le code simplifier.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <div id=tableau> <div id=ligne> <span>name</span> <span>tel</span> <span><a href=# >remove other</a></span> </div> <div id=ligne> <span>name</span> <span>tel</span> <span><a href=# >remove other</a></span> </div> <div id=ligne> <span>name</span> <span>tel</span> <span><a href=# >remove other</a></span> </div> </div>

C'est bon j'ai trouvé la sol :)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
      function clearOtherLine(iId)      
      {
      var tab = document.getElementById('tableau');
      var lineToRemove = tab.childNodes;
      var nb = tab.childNodes.length
      var j=0;
 
        for(var i = 0; i < nb; i++)          
          if(i!=iId)          
            tab.removeChild(lineToRemove[j]);
          else
          j++;

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
var t = document.getElementById('tableau');
var l= t.getElementsByTagName("a");
 
for(i in l){
	l[i].onclick=function(){
		sp=this;
		while(t.lastChild){
			t.removeChild(t.lastChild)
		}
		t.appendChild(sp);
 
	}
}