「jQuery」clickメソッドでクリック行の値を取得する

2022年2月15日

環境
jQuery 3.6.0

書式
クリックされた箇所($(this))から値(text())を取得します。
const 変数名 = $(this).text();
$(セレクタID名).text(変数名);

使用例

<div>クリック行の値: <span id="cft"></span></div>
<table>
  <tr><td class="city">1001</td><td>東京</td></tr>
  <tr><td class="city">2002</td><td>大阪</td></tr>
  <tr><td class="city">3003</td><td>福岡</td></tr>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
  $(".city").click(function () {
    const val = $(this).text();
    $("#cft").text(val);
  });
</script>

結果
「2002」行を押下すと、「クリック行の値」に「2002」が表示されます。