jQuery ダブルクリックした行の値を取得

Question

お世話になります。
表題の通りですが、ダブルクリックした行の値を取得したいです。

下記でダブルクリックした行のインデックスは取得できたのですが、
その行の１列目の値、２列目の値を取得するにはどうすればよいでしょうか。

$('tr').dblclick(
    function () {
         alert($("tr").index(this));
    }
);

Comments

[m.ts10806]

回答は書いていますが、HTMLの組み方によっても取得の方法が違ってきます。念のため取得しようとしているHTMLもご提示ください。

Answer 1

trの中にthやtdの要素が１つとは限りませんが、どういった値を取り出したいのでしょうか？

<script>
$(function(){
  $('tr').on('dblclick',function () {
    alert($(this).get(0).innerHTML);
  });
});
</script>
<table>
<tr><td>123</td><td>abc</td></tr>
<tr><td>456</td><td>def</td></tr>
<tr><td>789</td><td>ghi</td></tr>
</table>

追記

trの最初のth,td要素の中身をとりだすならこう？

<script>
$(function(){
  $('tr').on('dblclick',function () {
    alert($(this).find('td,th').eq(0).text());
  });
});
</script>
<table>
<tr><th>123</th></tr>
<tr><td>456</td></tr>
<tr><td>789</td></tr>
</table>

Comments

[Qoo]

ありがとうございます。
ありがとうございます。
要素はひとつです。
また、下記のtrやtdを削除して値だけ取得することはできないのでしょうか

<tr><td>123</td><td>abc</td></tr>

[yambejp]

追記しておきました

[Qoo]

取得できました！ありがとうございます！

Answer 2

tdにクラスを与えて子要素として指定すると良いでしょう。

サンプル：（一応動作確認済み）

<table>
  <tr>
     <td class="name">
    たろう
     </td>
     <td class="kana">
    タロウ
     </td>
     <td class="birth">
    1999.1.1
     </td>
  </tr>
  <tr>
     <td class="name">
    じろう
     </td>
     <td class="kana">
    ジロウ
     </td>
     <td class="birth">
    2000.1.2
     </td>
  </tr>
</table>

$('tr').dblclick(
    function () {
    	alert($(this).children('td.name').html()); //1行目クリックで「たろう」
    	alert($(this).children('td.kana').html()); //1行目クリックで「タロウ」
    	alert($(this).children('td.birth').html()); //1行目クリックで「1999.1.1」
    }
);

参考URL

jQueryで子要素を取得する

補足

クラスをつけられない場合は「n番目」という指定も可能です。
:nth-child()