Делаем каждую вторую строку таблицы другого цвета – JS

Обновлено: 01 Декабрь, 2018

Для того, чтобы выделить каждую вторую строку таблицы другим цветом, необходимо прописать в код html следующий код:

<script type="text/javascript">
  jQuery( function($) {
    $('tr:even').css({'background-color' : '#d9d8df'});  
  });
<table align="center">
    <tr>
      <th>СТРОКА</th>
      <th>№</th>
    </tr>
    <tr>
      <td>Строка 1</td>
      <td>1</td>
    </tr>
     <tr>
      <td>Строка 2</td>
      <td>2</td>
    </tr>
      <tr>
      <td>Строка 3</td>
      <td>3</td>
    </tr>
     <tr>
      <td>Строка 4</td>
      <td>4</td>
    </tr>

  </table>
</script>

Пример работы данного скрипта:

СТРОКА
Строка 1 1
Строка 2 2
Строка 3 3
Строка 4 4
Рейтинг автора
Автор статьи
Юрий
SEO-аналитик, программист (PHP, Ajax, Delphi, MySQL).
Написано статей
142
8 оценок, среднее: 5,00 из 58 оценок, среднее: 5,00 из 58 оценок, среднее: 5,00 из 58 оценок, среднее: 5,00 из 58 оценок, среднее: 5,00 из 5 (8 оценок, среднее: 5,00 из 5)
Для того чтобы оценить запись, вы должны быть зарегистрированным пользователем сайта.
Загрузка...
Понравилась статья? Поделиться с друзьями:
Блог Программиста
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

шесть − 2 =