Суть вопроса в чем, есть таблица, которая состоит из двух столбцов. При клике по ячейке она изменяет цвет. Нужно, чтобы при в каждой колонке можно было бы выделить только одну ячейку.
Тоесть например был клик по ячейки номер 2, в первой колонке, она перекрасилась, потом клик по ячейки номер 5, в тойжэ колнонке, ячейка номер два возвращяет свой начальный цвет, а ячейка номер 5 перекаршивается. Тоже и с второй колонкой.
Просто перекрашивание ячейки сделал, а вот как сделать описаное выше?
|
Код:
|
<script>
$(document).ready(function(){
$('td').click(function () {
$(this).toggleClass('click');
});
});
</script>
<style>
.click {
background-color:green;
}
</style>
<table class="bordered">
<tr>
<td class="lc" id="id1" >Text1</td>
<td class="rc" id="id2">Text2</td>
</tr>
<tr>
<td class="lc" id="id3" >Text3</td>
<td class="rc" id="id4">Text4</td>
</tr>
<tr>
<td class="lc" id="id5" >Text5</td>
<td class="rc" id="id6">Text6</td>
</tr>
.....
</table> |