「jQuery入門」$(‘td’).click()でクリックされたセルの位置を取得するコード

2017年11月22日

1.htmlコード
<table border="1″>
<tr>
<td>test data 1-1</td>
<td>test data 1-2</td>
<td>test data 1-3</td>
</tr>
<tr>
<td>test data 2-1</td>
<td>test data 2-2</td>
<td>test data 2-3</td>
</tr>
</table>

2.JSコード
$('td’).click(function(){
var row = $(this).closest('tr’).index();
var col = this.cellIndex;
console.log('行: ' + row + ', 列: ' + col);
});