「jQuery入門」テーブルのカラムと行番号を取得するサンプル

2017年12月11日

①htmlコード
<table id="userlist" border="1″>
<tr><td>userAA1</td><td>userBB1</td><td>userCC1</td></tr>
<tr><td>userAA2</td><td>userBB2</td><td>userCC2</td></tr>
<tr><td>userAA3</td><td>userBB3</td><td>userCC3</td></tr>
</table>

②JSコード
$(function() {
$('#userlist td’).on('click’, function() {
var td = $(this)[0];
var tr = $(this).closest('tr’)[0];
console.log('列番号:’ + td.cellIndex);
console.log('行番号:’ + tr.rowIndex);
console.log('内容：’　+　$(this).text());
});
});