Résumé des techniques courantes d'exploitation des tables avec JQuery_jquery

1. Ajoutez des styles

aux lignes paires et impaires du tableau Copiez le code . >

$ (function(){
$('tr:impair').addClass("impair");
$('tr:even').addClass("pair") ;
});

Ne compte pas le tête de table

Copiez le code Le code est le suivant :

$(function(){
$('tbody>tr:odd').addClass("odd");
$('tbody> ;tr:even').addClass("even");
});

2. Mise en surbrillance des lignes de contrôle des boutons radio

Copier le code Le code est le suivant :

$('tobdy>tr').click(function(){
$(this) .addClass('selected')
.siblings() .removeClass('selected')
.end() // Renvoie à nouveau l'objet
.find(':radio').attr('checked ',true);
});

3. Cochez la ligne de contrôle

Copier le code Le code est le suivant :

$('tobdy>tr').click(function(){
if( $(this).hasClass('selected') ) { // Déterminer s'il existe un style de surbrillance sélectionné
$(this).removeClass('selected')
.find(':checkbox').attr('checked',false
}); else{
$(this).addClass('selected ')
.find(':checkbox').attr('checked',true
}
}
);

4. Filtrage du contenu du tableau

Copier le code Le code est le suivant :

$(function(){
$('table tbody tr ').hide()
.filter(":contains(李)").show();
}); >