Bonjour à tous,
j'ai un petit soucis avec les sélecteurs css et jquery en particulier.
Tout d'abord, voici la structure sur laquelle je travaille:
Code :
- <table rules="alls" frame="box" cellpadding="3" border="1">
- <tbody id="tabrouteurs">
- <tr>
- <th width="40" bgcolor="#cccccc" align="center">ID</th>
- <th width="50" bgcolor="#cccccc" align="center">Type</th>
- <th width="100" bgcolor="#cccccc" align="center">S/N</th>
- <th width="150" bgcolor="#cccccc" align="center">Client</th>
- <th width="100" bgcolor="#cccccc" align="center">Site</th>
- <th width="90" bgcolor="#cccccc" align="center">IP Lan</th>
- </tr>
- <tr align="center" id="routeurid5">
- <td style="display: block;" id="id5">5</td>
- <td id="typeid5">CISCO877-K9</td><td id="snid5">FCZ1XXXXXX</td>
- <td id="clientid5">LE CLIENT</td><td id="siteid5">Marseille</td>
- <td id="ipid5">10.251.2.1</td>
- </tr>
- </tbody>
- </table>
|
le dernier "tr" ayant comme id "routeurid5" est issue de ceci:
Code :
- lignetab = '<tr align="center" id="routeurid'+idr+'"><td id="id'+idr+'" style="display: none">'+idr+'</td><td id="typeid'+idr+'" style="display: none">'+type_r+'</td><td id="snid'+idr+'" style="display: none">'+sn+'</td><td id="clientid'+idr+'" style="display: none">'+client+'</td><td id="siteid'+idr+'" style="display: none">'+site+'</td><td id="ipid'+idr+'" style="display: none">'+ip+'</td></tr>';
- $('#tabrouteurs').append(lignetab);
|
Le problème survient après ceci:
Code :
- $('#tabrouteurs: tr:last td').css('display', 'inline');
- OU
- $('#tabrouteurs: tr:last td').slideDown('slow');
|
Alors que mon sélecteur "#tabrouteurs: tr:last td" a l'air d'être validé par la page http://www.woods.iki.fi/interactive-jquery-tester.html (conseillé par la page http://docs.jquery.com/DOM/Travers [...] Selectors), en réalité, rien ne ce passe. Le but étant d'animer toutes les cellules de la dernière ligne.
Une idée ?
Merci d'avance