Trier une liste de liens

tryptan
Invité n'ayant pas de compte PHPfrance

24 avr. 2014, 18:04

Bonjour,

J'ai un HTML construit comme cela:
<td>
<b> Genre </b>
<br>
<a href="bidule" id="tresor">tresor (12187)</a>
<br>
<a href="chouette" id="magazine">magazine (11937)</a>
<br>
<a href="a" id="journal">journal (10389)</a>
<br>
<a href="b" id="entretien">entretien (10001)</a>
<br>
<a href="c" id="reportage">reportage (8919)</a>
<br>
<a href="d" id="scie">scie (4239)</a>
<br>
<a href="e" id="archives">archives (3411)</a>
<br>
<td>

<td>
<b> ville </b>
<br>
<a href="z" id="paris">paris (12187)</a>
<br>
<a href="s" id="lille">lille (11937)</a>
<br>
<td>
Je chercher à faire une fonction jQuery qui trie cette liste de lien.
Dans le premier <td> si on clique sur <b>Genre</b>, je voudrais que la liste de lien qui suit soit triée jusque la fin du <td>
En gros, j'ai un tableau avec une liste de liens, en cliquant sur le mot dans la balise <b> le <td> en question soit trié mais pas le reste.

Je précise que je ne souhaite pas utiliser de plugin.

Voila ce que j'ai fait d'après ce dont j'ai pu m'inspirer:

[javascript]<script type="text/javascript"><
$j(document).ready(function(){
//click sur une balise b ==>> il faudrait ici que j'arrive à extraire les liens qui suivent jusque </td> ??
$j('b').("click",function(){
//on trie les liens
$j("a").sort(function(b,c){
return b.innerHTML > c.innerHTML ? 1 : -1;
// on réécrit la balise b ==> MAIS DU COUP JE VAIS PERDRE les BR !!!!!!!!!
}).remove().appendTo("b");
});
});
</script>[/javascript]

tryptan
Invité n'ayant pas de compte PHPfrance

24 avr. 2014, 18:12

J'ai oublié de dire Merci