内容へ移動
fl8 Wiki
ユーザ用ツール
ログイン
サイト用ツール
検索
ツール
文書の表示
以前のリビジョン
バックリンク
最近の変更
メディアマネージャー
サイトマップ
ログイン
>
最近の変更
メディアマネージャー
サイトマップ
現在位置:
Dokuwiki.fl8.jp
»
13_javascript
»
01_jquery
»
04 選択したテーブルの値を取得
トレース:
13_javascript:01_jquery:04_get_chosen_table
この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。
====== 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>
13_javascript/01_jquery/04_get_chosen_table.txt
· 最終更新: 2014/07/03 02:07 by
matsui
ページ用ツール
文書の表示
以前のリビジョン
バックリンク
文書の先頭へ