首頁 >web前端 >html教學 >取得目前按鈕或html的ID名稱

取得目前按鈕或html的ID名稱

不言
不言原創
2018-06-05 16:32:372819瀏覽

下面為大家帶來一篇取得目前按鈕或html的ID名稱實例(建議)。挺不錯的,現在就分享給大家,也給大家做個參考。

今天做的上傳圖片,點擊圖片刪除。

隨機給圖片id,取得圖片id,然後刪除圖片。

由於圖片id是隨機的,用點擊img或點擊class,取得id都不行,最後用onclick事件取得。

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);
    }

得到到了。

總結:

盡量使用event.target.id,不要使用this. id

當使用事件委託的時候,this指向的是綁定監聽事件的元素,而非被點擊的元素。 event.target.id則總是指向被點擊的元素

相關推薦:

js取得html的span標籤的值方法(超簡單)

以上是取得目前按鈕或html的ID名稱的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn