TOC

So erstellen Sie einen Zebra-Streifeneffekt mit jQuery

So erstellen Sie mit jQuery einen Tabellen-Zebrastreifen-Effekt

Hier ist ein einfaches Beispiel, um zu zeigen, wie mit jQuery ein Tabellen-Zebrastreifen-Effekt erstellt wird. 



jQuery Zebra Stripes



    

    



    

      

        ID
        Fruit
        Price
      

      

        1
        Apple
        0.60
      

      

        2
        Orange
        0.50
      

      

        3
        Banana
        0.10
      

      

        4
        strawberry
        0.05
      

      

        5
        carrot
        0.10

jquery-zebra-stripes

In jQuery wird der Effekt der Tabellenzebrastreifen mit einer Anweisung erzielt. 

 $(function() {
        $("table tr:nth-child(even)").addClass("striped");
});

P.S n-tes Kind (gerade) ”). addClass (“ gestreift ”) = Jede gerade Zeile fügt die“ gestreifte ”CSS-Klasse dynamisch hinzu.

Probieren Sie die Demo aus

Related