Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.11.2009, 10:42
Интересующийся
Отправить личное сообщение для ev09 Посмотреть профиль Найти все сообщения от ev09
 
Регистрация: 28.11.2009
Сообщений: 13

чередование цвета в строках таблицы
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type='text/javascript' src='js/jquery.php'></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.odd
{
background-color:#dfdfdf;
}
</style>
</head>

<body>
<table width="200" border="0">
<tr><td>11</td><td>12</td><td>13</td></tr>
<tr><td>21</td><td>22</td><td>23</td></tr>
<tr><td>31</td><td>32</td><td>33</td></tr>
</table>

<table width="200" border="0" id="cls">
<tr><td>11</td><td>12</td><td>13</td></tr>
<tr><td>21</td><td>22</td><td>23</td></tr>
<tr><td>31</td><td>32</td><td>33</td></tr>
</table>
<script>
$("#cls > tr:nth-child(odd)").addClass("odd");
</script>
</body></html>

в одной таблице строки должны чередоваться выделением разного цвета в другой нет. Почему-то не работает конструкция "#cls > tr:nth-child(odd)"

Последний раз редактировалось ev09, 28.11.2009 в 10:44.
Ответить с цитированием
  #2 (permalink)  
Старый 28.11.2009, 11:17
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 09.07.2008
Сообщений: 3,873

А где у вас в документе таблица с id="cts"? И браузер автоматически создает для таблиц <tbody>, поэтому искать нужно так:
$("#cls tr:odd").addClass("odd");
или
$("#cls > tbody > tr:odd").addClass("odd");
Ответить с цитированием
  #3 (permalink)  
Старый 28.11.2009, 14:13
Интересующийся
Отправить личное сообщение для ev09 Посмотреть профиль Найти все сообщения от ev09
 
Регистрация: 28.11.2009
Сообщений: 13

Сообщение от Octane Посмотреть сообщение
А где у вас в документе таблица с id="cts"?
Большое спасибо работает, только я не совсем понял, а
<table width="200" border="0" id="cls">
не считается?

Последний раз редактировалось ev09, 29.11.2009 в 09:54.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
изменение ширины столбцов таблицы yngwie19 Элементы интерфейса 10 11.11.2009 16:22
смена фоновой картинки у таблицы cuberboy Общие вопросы Javascript 0 15.10.2009 22:06
Перемещение строк таблицы в Firefox barcelona jQuery 17 23.02.2009 14:41
Фиксированный заголовок таблицы ilshat Элементы интерфейса 6 19.12.2008 23:35