CSS + table
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 прописать, либо... Способов бесконечное множество.