jquery, равный PHP <? = ++ $ r% 2? 'Odd': 'even'?> Для строк в полосатых таблицах?

Question

Я делаю это в PHP: ++$r%2?'odd':'even' для применения полосатых строк ..

<tr class="<?=++$r%2?'odd':'even'?>"><td>...</td></tr> 

Но когда я получаю корыто записей $.ajax -request, я возвращаю результат:

$('#table_selected tbody').empty(); // empty the table 
$.ajax({ // fetch new data and insert into new rows 
    ... 
    success: function(data){ 
     $.each(data, function(i, array){ 
      $('#table_selected tbody').append('<tr><td>'+array['name']+'</td></tr>'); 
     }); 
    } 
}); 

То, что я хотел бы сделать, - добавить odd/even -класс в <tr> -элемент на каждую другую строку - например, я делаю в php.

Есть ли аналогичный способ достижения этого в js/jqyery?

Я прочитал этот ответ: How do I add odd/even class only for table rows which haven´t had odd/even class yet?, и я думаю, что это начало того, что я хочу достичь, но не знает, как работать решение в мой код:

$("table tbody tr:nth-child(odd)").addClass("odd"); 
$("table tbody tr:nth-child(even)").addClass("even"); 

Answer 1

Если вы действительно просто нужны дисковым таблицы нечетные/четные строки, вы не могли бы просто добавить к вашей CSS для страницы:

#table_selected tbody tr:nth-child(odd){ background-color: green; } 
#table_selected tbody tr:nth-child(even){ background-color: yellow; } 

Если вам нужны классы, как и Arun P Johny предлагает в комментариях, вы обновляете свой скрипт так:

$('#table_selected tbody').empty(); // empty the table 
$.ajax({ // fetch new data and insert into new rows 
    ... 
    success: function(data){ 
     $.each(data, function(i, array){ 
      $('#table_selected tbody').append('<tr><td>'+array['name']+'</td></tr>'); 
     }); 

     $("#table_selected tbody tr:nth-child(odd)").addClass("odd"); 
     $("#table_selected tbody tr:nth-child(even)").addClass("even"); 
    } 
}); 

или как это (более аналогично РНР пути):

$('#table_selected tbody').empty(); // empty the table 
$.ajax({ // fetch new data and insert into new rows 
    ... 
    success: function(data){ 
     $.each(data, function(i, array){ 
      $('#table_selected tbody').append(
       $('<tr><td>' + array['name'] + '</td></tr>') 
        .addClass(i % 2 ? 'odd' : 'even') 
      ); 
     }); 
    } 
});