- ベストアンサー
JQueryでクリックされた文字を取得する方法
- JQueryを使用してテーブル内のクリックされた文字を取得する方法を教えてください。
- テーブルに連番が振られており、その文字情報をJQueryで取得する方法について教えてください。
- 例えば、1がクリックされた場合には1を取得する方法を教えてください。
- taaaaaaa
- お礼率40% (45/111)
- JavaScript
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
#2です。 一応全部書いたサンプル。 （アンカーは不要に感じたので、1列目のセルという感じで指定してます） <html> <head> <title></title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ $('#table1 td:first-child').click(function(){ alert( $(this).text() ); }); }); </script> </head> <body> <table border="1" width="150" id="table1"> <tbody> <tr> <td width="50">1</td> <td>田中</td> </tr> <tr> <td>2</td> <td>佐藤</td> </tr> <tr> <td>3</td> <td>鈴木</td> </tr> </tbody> </table> </body> </html>
その他の回答 (2)
- steel_gray
- ベストアンサー率66% (1052/1578)
click で ハンドラを結び付けます。 ハンドラ内では $(this) がイベント発生元を示します。 例 $('table a').click(function(){ var text = $(this).text(); }); このままだと全てのtable配下の全てのリンクに反応するのでtableにidやリンクにclassを付けておかないと使い勝手が悪いと思いますが。
- yambejp
- ベストアンサー率51% (3827/7415)
JQueryじゃないとだめなんですか？
補足
セルの要素を取得するのに var cel = event.srcElement.innerText; （IE以外ではsrcElementの代わりにtargetを使う。） で出来るのがわかりました。 記述が長くなりそうなのでJQueryを使うと短くなるのかと思ったものですから。
お礼
早速ありがとうございます。 text() を使うといいのですね。 IEでもFireFoxでも動作確認出来ました。 これでコード番号などが扱えそうです。