Discussion :

[Anonyme1784]

Salut,
je voudrais utiliser toggleClass, mais il n'y a pas assez d'exemples pour que j'y arrive :/
Aidez moi s'il vous plait

Je change l'aspect d'un chiffre avec ce code mais je veux changer la class en fait :

Code javascript :

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

1
2
  var chemin = "div#"+ mois +" a";
$(chemin+":eq("+jour()+")").css( "color", "red" );

Ça donne par exemple :

Code javascript :

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

 $(div#2 a:eq(8)).css( "color", "red" );

Mais moi je voudrais utiliser un toogleClass sur le <td> contenant la balise <a>

en gros c'est :

Code html :

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

1
2
3
4
5
<div id="2">
...  
<td><a>8</a></td>
...
</div>

Doit se transformer en :

Code html :

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

1
2
3
4
5
<div id="2">
...  
<td class="hello"><a>8</a></td>
...
</div>

Et je vois pas comment faire :/

[NoSmoking]

Bonjour,
tu fais quoi de l'autre discussion ?

je voudrais utiliser toggleClass, mais il n'y a pas assez d'exemples pour que j'y arrive ...

as tu été voir la documentation officielle au moins .toggleClass(), il me semble que les exemples sont parlant non !

[danielhagnoul]

On part de tellement loin, que l'on risque d'y être encore dans un mois.

Exemple JS, en partant de codes CSS et HTML convenables :

Code CSS :

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

.hello { color: red;}

Code HTML :

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
<table id="table2">
    <tbody>
        <tr>
            <td>
                <a>8</a>
            </td>
        </tr>
        <tr>
            <td>
                <a>80</a>
            </td>
        </tr>
        <tr>
            <td>
                <a>800</a>
            </td>
        </tr>
    </tbody>
</table>

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$( function(){ // forme abrégée de $(document).ready(function(
 
    var jObjA = $( "#table2 > tbody" ).find( "a" );
 
    jObjA.on( "click", function( ){
        $( this ).toggleClass( "hello" );
    });
 
    jObjA
        .eq( 1 )
        .css( "background-Color", "lightgreen" );
 
});

[Anonyme1784]

Merci