как можно найти ячейку в таблице задав x и y
Если самый простой способ, то как-то так.
let table = document.getElementById('my-table');
let findingInTable = function(row, cell) {
return table.getElementsByTagName('tr')[row].getElementsByTagName('td')[cell].innerHTML;
}
let findingInTableES6 = (row, cell) => table.getElementsByTagName('tr')[row].getElementsByTagName('td')[cell].innerHTML;
console.log(findingInTable(2, 1));
console.log(findingInTableES6(1, 2));
let findingInTableJQ = (row, cell) => $('table#my-table tr:nth-child(' + row + ') td:nth-child(' + cell + ')').html();
console.log(findingInTableJQ(1, 2));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="my-table">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
На JQuery
function getCell(x,y){
var cell = $('table').find('tr').eq(y-1).children('td').eq(x-1);
return cell;
}
$('button').click(function(){
$('td').removeClass('active');
var x = +$('[name=column]').val();
var y = +$('[name=row]').val();
getCell(x,y).addClass('active');
})
table{
border-collapse:collapse;
}
td{
padding:3px;
border:1px solid;
transition:all .2s ease;
}
td.active{
background-color:rgba(255,0,0,.3);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
<input type="number" min="1" max="3" name="row" placeholder="Ряд" />
<input type="number" min="1" max="3" name="column" placeholder="Колонка" />
<button>Обозначить ячейку</button>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
У меня есть див, хочу сделать так, чтобы при нажатии на него появлялась полоска (hr), но выполнить это нужно так, чтобы полоска появлялась только...
Мне нужно, чтобы по клику текст копировался, но не выделялсяНе могу понять какой метод отвечает за выделение
У меня есть БД, в ней есть таблица запись, в самой таблице, есть колонка "Время" Как мне сделать, чтобы нельзя было добавить одитнаковое времяЯ...