要素 on qwerty.work

【jQuery】ページ内のどの要素がクリックされたか取得する方法

Tue, 12 Jul 2022 22:22:39 +0900

jQueryでclickで要素を指定してもうまく動かないことが多々あります。そんなときに、ページで内でクリックされた要素、ID、Classを知りたいときに使えるコードをメモ。

サンプルコード

クリックされた場所を取得して表示

<p id='selected'>どれかクリックしてください</p>

<button id="one" class="a">ボタン</button>
<a href="#" id="two" class="b">リンク</a>

<script>
$(document).click(function(event) {
  $("#selected").html("clicked: 要素名=" + event.target.nodeName + "&nbsp;ID="+ event.target.id + "&nbsp;Class=" +event.target.className);
});  
</script>

参考ページ

https://js.studio-kingdom.com/jquery/events/event_target https://js.studio-kingdom.com/jquery/events/event_target