ホームページ > ウェブフロントエンド > jsチュートリアル > 現在のボタンまたは HTML の ID 名を取得する方法を分析します。

現在のボタンまたは HTML の ID 名を取得する方法を分析します。

巴扎黑
リリース: 2017-06-23 10:07:23
オリジナル
1957 人が閲覧しました

今日私がやったことは、写真をアップロードし、写真をクリックして削除することです。

ランダムに画像IDを付与し、画像IDを取得して画像を削除します。

画像IDはランダムなので、画像をクリックしたり、クラスをクリックしてもIDを取得できません。 最後に、onclickイベントを使用してIDを取得します。

js コードは次のとおりです:

$("#pic").append("<img style=&#39;width:70px;margin:5px;height:70px;&#39; id=&#39;"+num+"&#39; onclick=&#39;upimg()&#39; src=\"" + images.localId + "\" />");
ログイン後にコピー

次のように取得を開始します:

    function upimg(){var id= $(this).attr("id");
        alert(id);
        }
ログイン後にコピー

いいえ。その後、

    function upimg(){
        alert(event.target.id);
        }
ログイン後にコピー

を使用して取得しました。

概要:

this.idevent.target.id,不要使用this.id
当使用事件委托的时候,this指向的是绑定监听事件的元素,而非被点击的元素。event.target.idではなく、event.target.id

を使用するようにしてください。
イベント委任を使用する場合、🎜this🎜 は、クリックされた要素ではなく、イベントをリッスンするためにバインドされた要素を指します。 🎜event.target.id🎜 は常にクリックされた要素を指します🎜

以上が現在のボタンまたは HTML の ID 名を取得する方法を分析します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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