Discussion :

[italiasky]

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 ?

[danielhagnoul]

Bonsoir.

Le système :odd/:even ne donne pas un résultat correct pour des tables imbriquées.

Regardez un exemple de tables imbriquées avec le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$(function(){
	$('tr:odd').addClass('odd');
	$('tr:even').addClass('even');
	$("table table tr").removeClass('odd even');
});

[italiasky]

D'accord merci.