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

現在のボタンまたはHTMLのID名を取得します。

不言
リリース: 2018-06-05 16:32:37
オリジナル
2833 人が閲覧しました

以下は、現在のボタンまたはHTMLのID名を取得する例です(推奨)。とても良いので、参考として共有させていただきます。

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

ランダムに画像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.idではなく、event.target.idを使用するようにしてください。

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

関連する推奨事項:

HTMLのspanタグの値を取得するjsメソッド(非常に簡単)

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

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