Discussion :

[Striliz]

Bonjour,


Dans un tableau j'ai numéroté les "class" des "tr" afin d'avoir un ordre.

J'aimerai que lors d'un clic toutes les lignes supérieures à se mettent en jaune.

Cela marche quand je demande à ce qu'une ligne donnée soit colorée

Code :

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

$('tr[class="2073"]').css("background-color", "yellow");

mais pas quand je demande toutes les lignes supérieures à X.

Code :

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

$('tr[class>"2073"]').css("background-color", "yellow");

Est-ce qu'il y a une syntaxe vraiment particulière ou cela ne peut pas se faire de cette manière?

Merci,

[mathieu]

je n'ai pas trouvé d'attributs qui permettent de faire directement ce que vous voulez :
http://api.jquery.com/category/selec...ute-selectors/

donc je pense que vous devrez passer par une boucle :

Code :

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

1
2
3
4
5
6
7
$("tr").each(function () {
 
    if ($(this).attr("class") > 2073) {
        $(this).css("background-color", "yellow");
    }
 
});

[Striliz]

Merci Mathieu!
C'est quand même étonnant qu'on ne puisse pas sélectionner directement de cette manière.

[SpaceFrog]

Code :

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

$("tr").filter(function () { return $(this).attr("class") > 2073; }).css("background-color", "yellow");

[SpaceFrog]

Ceci étant selon moi ce n'est pas une bonne pratique d'utiliser un test sur un className, il serait préférable de passer par un attribut data-