ホームページ > 記事 > ウェブフロントエンド > 現在のボタンまたはHTMLのID名を取得します。
以下は、現在のボタンまたはHTMLのID名を取得する例です(推奨)。とても良いので、参考として共有させていただきます。
今日私がやったことは、写真をアップロードし、写真をクリックして削除することです。
ランダムに画像IDを付与し、画像IDを取得して画像を削除します。
画像IDはランダムなので、画像をクリックしたり、クラスをクリックしてもIDを取得できません。 最後に、onclickイベントを使用してIDを取得します。
js コードは次のとおりです:
$("#pic").append("<img style='width:70px;margin:5px;height:70px;' id='"+num+"' onclick='upimg()' 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 サイトの他の関連記事を参照してください。