Zebra-Tisch mit Ajax Anruf

Question

Ich füge Datensatz zu Tabelle mit Ajax-Taste hinzu. Ich möchte Zebratabelle verwenden. Ich habe eine jquery-Funktion für Zebra-Tabelle.

<script type="text/javascript"> 
     $(function() { 
      $("table tr:nth-child(even)").addClass("zebraTable"); 
     }); 
</script> 

CSS:

.zebraTable {background-color: #F2F2F2} 

Wenn ich auf Klick auf normale Taste aufrufen, funktioniert es wie Zebratisch. aber wenn ich Knopf mit Ajax-Knopf ändere, verwandelt Tabelle normalen Tisch. Haben Sie eine Idee?

Answer 1

Die Antwort hängt davon ab, was mit der Tabelle passiert ist, seit Sie die Klasse zebraTable den Zeilen hinzugefügt haben. Ich gehe davon aus, dass Ihr Ajax-Aufruf die Tabelle ändert (Ersetzen, Hinzufügen/Entfernen von Zeilen, Ausblenden/Anzeigen von Zeilen usw.)?

Beachten Sie, dass die tr-Objekte in Ihrem DOM diese Klasse beibehalten, es sei denn, Sie entfernen sie und der Selektor wird sowohl auf ausgeblendete als auch auf sichtbare tr-Objekte angewendet. Mein Vorschlag wäre, die zebraTable-Klasse aus allen Zeilen zu entfernen und sie dann erneut anzuwenden (und für versteckte tr-Objekte anzupassen, wenn Sie sie haben).