Александр М.
98 повідомлень
#16 років тому
Заинтересовал вопрос, с которым ни разу не приходилось сталкиваться.
Подскажите кто знает,
Обычная таблица (колонки+строки). Как сделать чередование фона у строк/столбцов БЕЗ использования классов и id к соответсвующим элементам.
Интересует именно управление голой таблицей через CSS. Может есть просто команды для четных/нечетных строк/столбцов?
может в CSS3 есть?

Кто знает? или без class и id не обойтись?
Роман Татаринцев
111 повідомлень
#16 років тому
Можно реализовать средствами JS (в частности например используя JQuery)
Александр М.
98 повідомлень
#16 років тому
Хочется чисто на css )
а на JQuery можно пример?
Роман Татаринцев
111 повідомлень
#16 років тому
Пример:


<table>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
</table>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$('tr').each(function(index){
if(index%2)
$(this).css('background', 'red');
else
$(this).css('background', 'green');
});
</script>

красим строки.
Михаил В.
2195 повідомлень
#16 років тому
Цитата:
Хочется чисто на css )

Не выйдет.
js/jquery для расстановки классов (чтобы не описывать css в js файле) самое оптимальное.
Александр М.
98 повідомлень
#16 років тому
Оч. интересно.
спасибо, это уже что-то.

а если на странице у меня 5 таблиц?
будут хвататья ведь все <TR> ? они ещё и в шаблоне встречается...
А нужно только одну таблицу, скажем в определенном слое
Тут М.
626 повідомлень
#16 років тому
ИМХО ловчее будет так:
$(document).ready(function() {
$('tr:odd').addClass('alt');
});


Соответственно есть и селектор :even. Взято из книги "Learning jQuery 1.3".
Если таблица в определенном слое, так в селекторе это и указывайте. Либо можно табличке id прописать, либо... Способов бесконечное множество.
Роман Татаринцев
111 повідомлень
#16 років тому
Цитата ("Demiurh"):
ИМХО ловчее будет так:
$(document).ready(function() {
$('tr:odd').addClass('alt');
});


+1