目次

04 選択したテーブルの値を取得

1.html

<table id='list'>
<tr>
	<td><button class="btn-warning">1</button></td>
	<td>aaa</td>
	<td>bbb</td>
</tr>
<tr>
	<td><button class="btn-warning">2</button></td>
	<td>ccc</td>
	<td>ddd</td>
</tr>
</table>

2.jquery

この場合、1をクリックすると「bbb」、2をクリックすると「ddd」が表示される

$('#list .btn-warning').click(function(){
	//-- クリックした行のtrオブジェクト取得 --//
	var cur_tr = $(this).closest('tr');

	//-- クリックした行の3番目の<td>のテキストを表示 --//
	alert( cur_tr.children('td:eq(2)').text() );
}