ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery イベントをトリガーした要素の ID を取得するにはどうすればよいですか?

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

Mary-Kate Olsen
リリース: 2024-12-16 02:14:10
オリジナル
289 人が閲覧しました

How Can I Get the ID of the Element that Triggered a jQuery Event?

イベントをトリガーする要素 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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート