TOC

Как создать табличный эффект Zebra Stripes с помощью jQuery

Как создать на столе эффект полос зебры с помощью jQuery

Вот простой пример, показывающий, как создать эффект «Полоски зебры» таблицы с помощью jQuery. 



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

В jQuery эффект полосатых полос таблицы достигается с помощью одного оператора. 

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

P.S nth-child (even) »). addClass (« striped ») = каждая четная строка динамически добавляет« полосатый »класс CSS.

Попробуйте демо

Related