今天做的上传图片，点击图片删除。

随机给图片id，获取图片id，然后删除图片。

由于图片id是随机的，用点击img或者点击class，获取id都不行，最后用onclick事件获取。

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

获取到了。

总结：

尽量使用event.target.id，不要使用this.id。

当使用事件委托的时候，this指向的是绑定监听事件的元素，而非被点击的元素。event.target.id则始终指向被点击的元素

以上这篇获取当前按钮或者html的ID名称实例(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# 获取按钮或html  # id  # 获取当前点击按钮的id用this.id实现  # JavaScript获取按钮所在form表单id的方法  # jquery中获取id值方法小结  # 给大家  # 的是  # 希望能  # 这篇  # 而非  # 绑定  # 小编  # 上传图片  # 都不行  # 大家多多  # 来用  # pre  # js  # strong  # append  # lt  # brush  # pic  # color  # img 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  公司网站制作价格怎么算,公司办个官网需要多少钱？  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗？  Laravel distinct去重查询_Laravel Eloquent去重方法  Midjourney怎么调整光影效果_Midjourney光影调整方法【指南】  Laravel Eloquent性能优化技巧_Laravel N+1查询问题解决  Laravel如何集成微信支付SDK_Laravel使用yansongda-pay实现扫码支付【实战】  html5audio标签播放结束怎么触发事件_onended回调方法【教程】  Laravel怎么生成URL_Laravel路由命名与URL生成函数详解  如何在宝塔面板中创建新站点？  javascript中闭包概念与用法深入理解  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  长沙企业网站制作哪家好,长沙水业集团官方网站？  微信公众帐号开发教程之图文消息全攻略  如何快速查询网址的建站时间与历史轨迹？  php结合redis实现高并发下的抢购、秒杀功能的实例  如何为不同团队 ID 动态生成多个独立按钮  Thinkphp 中 distinct 的用法解析  在线教育网站制作平台,山西立德教育官网？  详解Android图表 MPAndroidChart折线图  js实现获取鼠标当前的位置  Angular 表单中正确绑定输入值以确保提交与验证正常工作  如何在Ubuntu系统下快速搭建WordPress个人网站？  如何在香港服务器上快速搭建免备案网站？  智能起名网站制作软件有哪些,制作logo的软件？  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  高端企业智能建站程序：SEO优化与响应式模板定制开发  Win11怎么关闭资讯和兴趣_Windows11任务栏设置隐藏小组件  Laravel Admin后台管理框架推荐_Laravel快速开发后台工具  千库网官网入口推荐 千库网设计创意平台入口  历史网站制作软件,华为如何找回被删除的网站？  Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能  Laravel怎么调用外部API_Laravel Http Client客户端使用  Laravel如何与Pusher实现实时通信？（WebSocket示例）  大连 网站制作,大连天途有线官网？  Laravel怎么实现支付功能_Laravel集成支付宝微信支付  linux top下的 minerd 木马清除方法  Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  Android滚轮选择时间控件使用详解  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  深圳网站制作培训,深圳哪些招聘网站比较好？  php后缀怎么变mp4格式错误_修改扩展名提示格式不对怎么办【技巧】  Laravel如何实现API资源集合？（Resource Collection教程）  java获取注册ip实例  如何快速搭建高效简练网站？  微信小程序 HTTPS报错整理常见问题及解决方案  Laravel怎么做缓存_Laravel Cache系统提升应用速度的策略与技巧