获取当前按钮或者html的ID名称实例(推荐)
今天做的上传图片,点击图片删除。
随机给图片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名称实例(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
jquery中获取id值方法小结
复制代码 代码如下: <div id="product_shift_out_{m}"> </div><script language = "JavaScript" type="text/javascript">$(document).ready(function(){name = $('div').eq(0).attr('id');alert(name)});</script> eq(0)是取第一个
-
JavaScript获取按钮所在form表单id的方法
本文实例讲述了JavaScript获取按钮所在form表单id的方法.分享给大家供大家参考.具体如下: 这里使用javascript获取form表单按钮的id,可以通过下面的JS代码获取. <!DOCTYPE html> <html> <body> <h1>www.sharejs.com</h1> <form id="form1"> <button id="button1" type=&q
-
获取当前点击按钮的id用this.id实现
复制代码 代码如下: function getid(id) { alert(id); } <input id="btn1" type="button" value="test" onclick="return getid(this.id)" />
-
获取当前按钮或者html的ID名称实例(推荐)
今天做的上传图片,点击图片删除. 随机给图片id,获取图片id,然后删除图片. 由于图片id是随机的,用点击img或者点击class,获取id都不行,最后用onclick事件获取. js代码如下: $("#pic").append("<img style='width:70px;margin:5px;height:70px;' id='"+num+"' onclick='upimg()' src=\"" + images.loca
-
layui 监听select选择 获取当前select的ID名称方法
监听select选择 form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 }); 获取自定义属性 data.elem.getAttribute("data-id") 例子:取得ID名称 form.on('select', fu
-
js 获取radio按钮值的实例
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="
-
JavaScript获取网页中第一个图片id的方法
本文实例讲述了JavaScript获取网页中第一个图片id的方法.分享给大家供大家参考.具体如下: 下面的代码通过document.images获取网页中的所有图片,然后获取第一个图片的id属性 <!DOCTYPE html> <html> <body> <img id="klematis lilac" border="0" src="klematis.jpg" width="148"
-
获取asp.net服务器控件的客户端ID和Name的实现方法
前几天在做项目的时候,遇到一个问题,想查看Asp.net中服务器控件在客户端显示的name属性.起初,感觉不是很难找,但就是找不到,几经周折,终于发现了: string btnClientName = btnSearch.UniqueID;//服务器控件在客户端显示的name属性 string btnClientID = btnSearch.ClientID;//服务器控件在客户端显示的id属性 以上这篇获取asp.net服务器控件的客户端ID和Name的实现方法就是小编分享给大家的全部内容了,
-
Yii框架获取当前controlle和action对应id的方法
本文实例讲述了Yii框架获取当前controlle和action对应id的方法.分享给大家供大家参考.具体方法如下: 在Yiii框架开发中,你可能会要获取当前controlle或action的id,其实很简单,一句代码就实现了,以下是分别在controlle(控制器)和View(视图)中获取当前id的代码. 在控制器里: 复制代码 代码如下: $name = $this->getId(); // controller $name = $action->id; // action 在视图里:
-
ztree获取当前选中节点子节点id集合的方法
本文实例讲述了ztree获取当前选中节点子节点id集合的方法.分享给大家供大家参考.具体分析如下: 要求:获取当前选中节点的子节点id集合. 步骤: 1.获取当前节点 2.用ztree的方法transformToArray()获取当前选中节点(含选中节点)的子节点对象集合. 3.遍历集合,取出需要的值. treeNode:当前选中节点对象 function getChildNodes(treeNode) { var childNodes = ztree.transformToArray(tree
-
JavaScript获取网页中第一个链接ID的方法
本文实例讲述了JavaScript获取网页中第一个链接ID的方法.分享给大家供大家参考.具体如下: 下面的JS代码通过document.links获得网页中的所有超级链接数组,然后获得第一个链接的ID属性 <!DOCTYPE html> <html> <body> <h1>sharejs.com</h1> <img src ="planets.gif" width="145" height="
-
python 获取指定文件夹下所有文件名称并写入列表的实例
如下所示: import os import os.path rootdir = "./pic_data" file_object = open('train_list.txt','w') for parent,dirnames,filenames in os.walk(rootdir): for filename in filenames: print filename file_object.write(filename+ '\n') file_object.close() 在做深
-
jQuery 点击获取验证码按钮及倒计时功能
1.具体思路 点击获取验证码按钮 -> 调用获取验证码接口(忽略)->获取验证码按钮切换到不可点击状态,按钮背景色呈灰色,按钮文字呈现为"倒计时秒数+后可重新获取"-> 倒计时60s后按钮恢复可点击状态,按钮背景呈橙色,按钮文字呈现为"重新发送" 2.HTML代码 <button type="button" class="feachBtn">获取验证码</button> 3.JS代码
随机推荐
- 迅闪2007性能改进总结
- 最全的常用正则表达式大全
- Oracle 11g Release (11.1) 索引底层的数据结构
- js正则解析URL参数示例代码
- 简单的ASP中经常用到的代码[推荐]第1/4页
- jsp+Servlet编程实现验证码的方法
- 原生js中ajax访问的实例详解
- firefox浏览器不支持innerText的解决方法
- sqlserver附加.mdf权限问题解决
- 最新最热最实用的15个jQuery插件汇总
- jquery.masonry瀑布流效果
- Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
- 解读网站被挂其中木马分析js+eval实现
- 详解Spring 基于 Aspect 注解的增强实现
- java中的char占几个字节实例分析
- python实现在sqlite动态创建表的方法
- 在JavaScript中使用JSON数据
- 基于循环神经网络(RNN)的古诗生成器
- 易语言解析B站直播间的地址获得弹幕内容的代码
- Django中的cookie和session