javascript - Une question sur les sélecteurs jquery

Question

Maintenant, il y a un tableau, chaque tr a un numéro comme classe. Supposons qu'un tr soit sélectionné. Comment obtenir tous les tr dont la classe est inférieure ou égale au tr sélectionné ?

Answer 1

Vous ne pouvez sélectionner qu'en boucle. Quelle est la taille du nombre ?

Answer 2

Vous ne devriez pas utiliser les nombres tr comme classes, car il existe de nombreuses classes liées à tr. Vous pouvez complètement lier les nombres à data-num. La logique est probablement la suivante. Peut-être que certains sélecteurs ne sont pas écrits avec autant de précision

.

tableau html :

<table id='example_table'>
    <thead>
        <th>1<th>
        <th>2<th>
        <th>3<th>
    </thead>
    <tbody>
        <tr data-num="1">
            <td>1<td>
            <td>2<td>
        </tr>
        <tr data-num="2">
            <td>1<td>
            <td>2<td>
        </tr>
        <tr data-num="3">
            <td>1<td>
            <td>2<td>
        </tr>
    </tbody>
</table>

js :

$('#example_table tr').on('click', function(e) {
    var select_tr_num = $this.data('num');
    var request_trs = [];
    $.each($('#example_table tr'), function(i, obj) {
        if (!obj.data('num') > select_tr_num) {
            select_tr_num.push(obj);
        }
    });
    console.log(request_trs );
}); 

Answer 3

Ce que dit le premier étage est vrai. Généralement, personne ne nomme une classe avec un numéro, ils ajoutent généralement un attribut personnalisé

.

Answer 4

Parcourez les valeurs de toutes les classes, puis comparez-les et stockez-les. (ps : Mais utiliser des nombres comme classes n'est pas très standard.)

Answer 5

Trier par classe, puis récupérer tous les tr avant le tr cible