jQuery イベントをトリガーした要素の ID を取得するにはどうすればよいですか?

イベントをトリガーする要素 ID の取得

Web 開発では、イベントを開始した要素の ID を取得する必要があることがよくあります。ボタンのクリックやマウスホバーなどのイベント。この記事では、人気の JavaScript ライブラリ jQuery を使用してこの要素の ID を取得する方法について説明します。

jQuery イベント オブジェクト

jQuery のイベント システムは、オブジェクトに渡される引数の 1 つとしてオブジェクトを提供します。イベントハンドラー。このオブジェクトには、イベントをトリガーした要素を直接参照する target と呼ばれるプロパティを含む、さまざまなプロパティが含まれています。

target.id を使用した ID の取得

ID を取得するにはトリガー要素の場合は、イベント ハンドラー内の target.id プロパティにアクセスするだけです。たとえば、次のコード スニペットは、クリックされた要素の ID を警告する方法を示しています。

$(document).ready(function() {
    $("a").click(function(event) {
        alert(event.target.id);
    });
});

jQuery オブジェクトと DOM 要素

このイベントは注目に値します。 .target は jQuery オブジェクトではなく、DOM 要素です。この要素で jQuery 関数を使用したい場合は、以下に示すように $(this) を使用してアクセスする必要があります:

$(document).ready(function() {
    $("a").click(function(event) {
        $(this).append(" Clicked");
    });
});

以上がjQuery イベントをトリガーした要素の ID を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。