Zusammenfassung gängiger Techniken zum Betreiben von Tabellen mit JQuery_jquery

1. Fügen Sie Stile

zu den ungeraden und geraden Zeilen der Tabelle hinzu. Kopieren Sie den Code . Der Code lautet wie folgt:

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

Zählt nicht den Kopf der Tabelle

Kopieren Sie den Code Der Code lautet wie folgt:

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

2 🎜>Code kopieren

Der Code lautet wie folgt: $('tobdy>tr').click(function(){ $(this) .addClass('selected') .siblings() .removeClass('selected') .end() // Das Objekt erneut zurückgeben

.find(':radio').attr('checked ',true);

});


3. Kontrollkästchen Kontrollzeilenhervorhebung


Code kopieren

Der Code lautet wie folgt:

$('tobdy>tr').click(function(){ if( $(this).hasClass('selected') ) { // Bestimmen Sie, ob ein ausgewählter Hervorhebungsstil vorhanden ist $(this).removeClass('selected') .find(':checkbox').attr('checked',false>} else{ $(this).addClass('selected ') .find(':checkbox').attr('checked',true);

});

4. Tabelleninhaltsfilterung




Code kopieren


Der Code lautet wie folgt:

$(function(){
$('table tbody tr ').hide()

.filter(":contains(李)").show(); }); >