このページの翻訳:
- 日本語 (ja)
- English (en)
最近の更新
最近の更新
<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>
この場合、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() ); }