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

===== 1.html =====

<code>
<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>
</code>


===== 2.jquery =====
この場合、1をクリックすると「bbb」、2をクリックすると「ddd」が表示される
<code>
$('#list .btn-warning').click(function(){
	//-- クリックした行のtrオブジェクト取得 --//
	var cur_tr = $(this).closest('tr');

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