Bonjour,

J'aimerais ajouter une classe odd/even aux lignes d'un tableau via jquery.
J'ai reussi mais le probleme c'est que dans une case du tableau, j'ai un nouveau tableau et a lui aussi les classes sont ajoutees, j'aimerais eviter ca.

J'ai essaye avec differents selecteurs, #, first-child, ... mais sans succes, le tableau interieur est toujours pris en compte.

divContent et le div global et donc dedans j'ai quelque chose du genre:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<table>
....
...
     <tr>
         <td>
             <table>
            </table>
         </td
     </tr>
 
</table>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
$("#divContent tr").hover
                (
                    function()
                    {
                        $(this).removeClass('odd');
                        $(this).removeClass('even');
                        $(this).addClass("highlight");
                    },
                    function()
                    {
                        $('#divContent tbody tr:odd').addClass('odd');
                        $('#divContent tbody tr:even').addClass('even');
                        $(this).removeClass("highlight");
                    }
                )
 
            $('#divContent tbody tr:odd').addClass('odd');
            $('#divContent tbody tr:even').addClass('even');
J'ai essaye avec l'ID du premier tableau (#) mais ca n'a pas fonctionne.

Une idee ?