ユーザ用ツール

サイト用ツール


サイドバー

このページの翻訳:



最近の更新



Tag Cloud

13_javascript:01_jquery:04_get_chosen_table

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() );
}
13_javascript/01_jquery/04_get_chosen_table.txt · 最終更新: 2014/07/03 11:07 by matsui