Ajax-стол в полоску с jQuery

Question

Для обычных html-таблиц я использую

 $('table.alt tr:even').addClass('bg');

для чередования стола. Но очевидно, что это не работает с AJAX. индекс каждой новой строки таблицы равен «-1», и поэтому каждая новая строка получает класс.

Даже плагин Live Query из http://brandonaaron.net не может мне помочь. Есть предложения?

Answer 1

Ну, вы можете попробовать добавить строку этого кода, плюс один, который удаляет все существующие полосы, к Глобальному .ajaxSuccess() событию , чтобы он выполнялся каждый раз, когда завершается вызов ajax, но это не так.Это очень эффективный метод, если вы работаете со многими различными вызовами ajax, и только несколько из них действительно меняют таблицу.

Вы также можете определить функцию, которую вы можете включить в обратный вызов success ваших вызовов ajax, например

function stripTable(){
     $('table.alt tr').removeClass('bg').filter(':even').addClass('bg');
}

Это предотвратит путаницу полос, если вы вставите вновые строки в существующих таблицах.

Конечно, лучший способ сделать это - использовать CSS, но, поскольку вы используете для этого jQuery, я подозреваю, что обратная совместимость здесь является ключевой проблемой.