html5/js 动态加载的代码如何创建点击事件。

下面的代码是根据后台数据动态加载进去的(数量不确定),请问怎么为每个class='stamp stamp02' 的div创建点击事件,并提取触发该事件的div块中中的内容。在线等。求大神指点。

 <div id="yhj-info"  class='stamp stamp02' >
                        <div class='par'>
                            <sub class='sign'>¥50</sub>
                            <span></span>
                            <sub>优惠券</sub>
                            <p>劵号:<font id="num">123123123</font></p>
                        </div>
                        <div class='copy'>副券
                            <p><br></p>
                        </div>
                        <i></i>
                    </div>
                        <div id="yhj-info"  class='stamp stamp02' >
                        <div class='par'>
                            <sub class='sign'>¥50</sub>
                            <span></span>
                            <sub>优惠券</sub>
                            <p>劵号:<font id="num">123123123</font></p>
                        </div>
                        <div class='copy'>副券
                            <p><br></p>
                        </div>
                        <i></i>
                    </div>
0

1个回答

通过dom关系获取,传入this,不需要id

 <div id="yhj-info" class='stamp stamp02' onclick="getInfo(this)">
    <div class=' par'>
    <sub class='sign'>¥500</sub>
    <span></span>
    <sub>优惠券</sub>
    <p>劵号:<font id="num">123123123</font></p>
</div>
    <div class='copy'>
        副券
        <p><br></p>
    </div>
    <i></i>
</div>
<div id="yhj-info" class='stamp stamp02' onclick="getInfo(this)">
    <div class='par'>
        <sub class='sign'>¥50</sub>
        <span></span>
        <sub>优惠券</sub>
        <p>劵号:<font id="num">123123123xxxx</font></p>
    </div>
    <div class='copy'>
        副券
        <p><br></p>
    </div>
    <i></i>
</div>
<script>
    function getInfo(div) {
        var sub = div.getElementsByTagName('sub')[0]; alert(sub.innerHTML)
        var font = div.getElementsByTagName('font')[0]; alert(font.innerHTML)
    }
</script>
0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js动态添加点击事件
在前端中,我们经常要添加点击事件。尤其是在动态的元素上添加点击事件。经常会添加之后没有反应。 n可能的原因:n点击事件的名称写错 n 这种低级的错误经常犯,在js代码中添加的事件其实是没有添加的。两者的名字不同或者,选择器有问题没有选中元素。 n 这个问题可以在调试的窗口选中元素在监听事件中去查看有没有添加上监听事件 n 如图: n n就已经添加上了点击事件,如果没有。那么检查你的变量名和选择器。
动态添加的标签如何调用js事件
在<定制快报>中项目中遇到的问题:1、动态添加的标签无法绑定js事件函数?采2、动态添加的标签无法调用函数??
Unity UGUI按钮动态添加点击事件
使用代码的方式给按钮添加点击事件需要引入两个命名空间:nusing UnityEngine.UI;nusing UnityEngine.Events;nnn先创建一个界面,并且在界面里放置一个按钮:nnnnnn创建一个Test脚本,代码如下:nusing UnityEngine;nusing System.Collections;nusing UnityEngine.UI;
Jquery ajax在select中动态加载option并且添加点击事件
select中动态加载option并且添加点击事件jsp代码:<script type="text/javascript">n $(function(){n findCenterName();n }); n</script>n<body>n <select id="centerNameSelect" >n</body>njs代码:fun
html5手机页面 点击事件
Zepto.js和jquery区别在于:rnrnZepto.js是小巧的适用于手机页面的js框架rnrnrnrnrnjquery比Zepto.js相对大一点,rnrnrnrnrn两者语法大致相同rnrnzepto.js手机页面点击事件代码如下:rnrnrnrnrnrnrnrnrnrn1rnrn$("#android_link").on('click',rnrnrnrnrnrnrnrnrnrn2rn
jquery的点击事件,非动态加载点击与动态加载点击
jquery的点击事件,非动态加载点击与动态加载点击写法不同1.非动态加载点击&amp;lt;div id=&quot;clickdemo&quot;&amp;gt;n &amp;lt;ul&amp;gt;n &amp;lt;li&amp;gt;1&amp;lt;li&amp;gt;n &amp;lt;/ul&amp;gt;n&amp;lt;/div&amp;gt;点击1触发 $(&quot;#clickdemo ul li&quot;).on(&quot;click&quot;,function
js 动态生成div并添加点击事件
/* 动态生成div */n function creatDiv(){ n $.ajax({n type: "POST",n url: "GetGis.action",n success: function(msg){n var obj = eval("(" + msg + ")");n for(var i=0;i&lt;obj.length;i++){n ...
js动态添加元素为何 点击事件无效
本来觉得不用提的,但是发现最近几个朋友在提,而且新来的小兄弟也有点迷糊这个,所以就简单说说,rnrn看看下面的代码:nnn n n n n n .a {width: 100px;height: 100px; background: #000;margin: 10px;n }n nn n 展示n 增加n n n nn n n n function showbtn(){n al
解决因JS动态加载的页面的事件失效问题
最近写的页面都是获取后台数据之后,用JS动态写入的,所以时常会遇到checkbox或radio等控件的点击失效问题。$(function() { $('input[type=&quot;radio&quot;]').click(function() { var i = $('input[type=&quot;radio&quot;]:checked').val() alert(i) });});像这样的写法,统统失效。原因大概是cs...
给用js动态创建的标签添加事件
不知道大家有没有发现,我们用js动态添加的标签,普通情况就是这样用$("#div").click(function(){}),rn但是当我们通过后台返回的参数的时候绑定事件就会失效,后来摸索到了一种方法也是用jqury,代码如下:rn$(document).on("click","div",function(){rnrnalert("taped")rn}rn就是用事件监听的方法才能绑定事件。
动态获取数据点击事件不生效的解决办法
html:nn nnn&amp;lt;div class=&quot;list-click&quot;&amp;gt;点击我&amp;lt;/div&amp;gt;nncss:nn nn nnn.list-click {n cursor: pointer;//IOS失效时给点击的元素添加这个属性n}nnnscript:nn nn nnn$(document).on('click',&quot;.list-click&quot;,function(e){ n ...
js自定义事件
HTML5开发有时需要实现自定义事件,如预加载图片需要知道加载进度事件,本篇以图片预加载功能为例,介绍如何实现自定义事件。nn下面的ImgsLoader工具类,可以实现多图片预加载。nn nnn&amp;lt;script src=&quot;ImgsLoader.js&quot;&amp;gt;&amp;lt;/script&amp;gt;nn nn然后将图片路径放到一个数组imgs中,然后调用load(imgs)方法即可,如nn nnnvar ...
IOS下动态加载数据点击事件失效
nn动态数据的创建与绑定nn在实际的开发中,我们常常需要通过动态加载数据,来创建页面的DOM,而且给这些新增的元素添加事件也是不可避免的。nn而对于动态数据的事件绑定,就需要明白两个概念,就是目标元素和代理元素(委托元素);nn(1)目标元素:动态创建的元素,最终click事件需要绑定到该元素nn(2)代理元素:动态创建的元素的父级元素,即非动态创建的父元素,比如我们习惯上使用document,b...
关于jquery动态加载li时点击事件无法加载的问题
一开始做个操作栏,如图:rnrn点击角色管理,弹出下拉框,在点击收起,点击增加角色,会通过iframe加载页面,页面样式为:rnnn n n n 角色管理n n n n n n n n 增加角色n n n n n n 模块管理n
js--- 动态加载checkbox的onclick事件
n   n   n   n   n   n   n  div{ n  padding:0px; n  font-size:12px; n  } n  #mainbox{ n  width:234px; n  } n  #box0{ n  width:200px; n  height:20px; n  border:1px solid; n  float:left; n  padding-top...
html5 移动端的点击事件 touch
TOUCH 事件n首先 touch 包含三类事件,它们分别是:touchstart、touchmove、touchend 。望文生义这种本能相信你应该会有,但在这里我还是有必需对这三个词进行一翻不必要的解释。nn授课时间ntouchstart:手指触摸到一个 DOM 元素时触发。nn ntouchmove:手指在一个 DOM 元素上滑动时触发。nn ntouchend:手指从一个 DOM 元素上移...
html5动态加载图片和加载视频
这两在做一个动态加载图片的东西,有点类似QQ发说说里面附带图片的那种,经过测试可以任意添加、删除,然后该删除的位置被后一位自动填充,还有一个bug,就是最后一个图片的控件没做处理,删掉最后一个就会导致添加不能成功。加载本地视频(google浏览器)和加载手机视频(android和ios)经过测试,在android手机上播放视频出问题了(播放地址无效),具体原因还在研究当中,有知道朋友可以告诉我一下
为动态添加元素添加点击事件所遇到的坑
目的:有一个html,要达到的目的是:当鼠标进入某一个 li 时,它自动为它添加一个class=“co“,然后再为这个co写一个点击事件;nn&amp;lt;body&amp;gt;n    &amp;lt;div id=&quot;aaa&quot;&amp;gt;n        &amp;lt;ul&amp;gt;n            &amp;lt;li id=&quot;menu1&quot;&amp;gt;中华人民共和国&amp;lt;/li&amp;gt;n            &amp
AJAX动态添加li之后无法触发事件
$(".sewvbm2").on("click","li",function(){});rn直接用click可能会失效,$(".sewvbm2").click(function(){})
javascript中为动态生成的元素添加事件
近期在开发项目中,遇到一个问题,就是给动态生成的元素添加事件,用平常使用的方法添加不上,废话不多说,上代码:nnn&amp;lt;div id=&quot;mydiv&quot;&amp;gt;&amp;lt;/div&amp;gt;nn&amp;lt;script&amp;gt;nnvar html = &quot;&amp;lt;div class='child'&amp;gt;我是动态生成的&amp;lt;/div&amp;gt;&quot;n$(&quot;#mydiv&quot;).html(ht
使用js动态添加点击事件时,click与onclick的区别
使用js动态添加点击事件时,click与onclick的区别!!!!!
浏览器调试动态js脚本的方法
前两天拉取公司前端代码修改,发现在开发者工具的sources选项里边,居然没有列出来我要调试的js脚本,后来观察了一下,脚本是动态在页面里引入的,可能是因为这样所以不显示出来,但是如果不能断点调试,只靠打印日志真要把人累死了,效率太低,其实有两种方法可以解决。nn1、在脚本里边增加//# sourceURL=xxxxxxxxx.js,名称自己命名,可以直接使用文件名,如下图: nother.htm...
js动态创建的元素添加监听事件
js事件监听
监听动态添加元素的点击事件
&amp;lt;div class=&quot;member-list&quot;&amp;gt;&amp;lt;/div&amp;gt;js:var ht=&quot;&quot;;    for(var i=1;i&amp;lt;6;i++){          ht+='&amp;lt;div data-adcd=&quot;0'+i+'&quot;&amp;gt;&amp;lt;button class=&quot;town&quot;&amp;gt;点击&amp;lt;/button&amp;gt
ajax回调函数动态加载的标签里面js事件不执行
出现原因:rn就是在使用ajax来动态的添加HTML标签,并要对添加的标签进行添加js的点击事件,目前我使用的jquery是1.8.3版本,而我使用的是方法是$(".aa").click(function(){});方法,但是ajax页面中已经显示相应的HTML标签,但是所添加的Js点击事件就是不执行。rn解决方法:rn原因在你为$("#layoutBefore")添加click事件处理程序时,$
JS获取动态添加的元素
在页面的渲染中,我们经常用遇到动态添加的DOM元素,那么在获取这些元素的时候或则为这些DOM元素的时候,我们有下面三种处理方法:n// 1. 在模板引擎里面添加行内事件 n// 2. 利用事件的委托获取(常用)n// 3. 在ajax的监听响应完成函数后面获取nn一 在模板引擎里面添加行内事件n添加行内事件就是在标签里面添加事件,这样就可以直接获取到动态添加的元素.n&amp;lt;!-- 1.准...
js动态添加的新节点class不生效,点击事件无效
原因:dom未重新加载,nn$(&quot;.close,.cs&quot;).click(function() {n $(&quot;.modal&quot;).hide();n });nn改为nn$(document).on(&quot;click&quot;, &quot;.huanshu&quot;, function () {n var sds = $(this).prev().prev().prev().p...
JS为循环动态生成的节点添加点击事件
举例代码如下:nn var a=1;n for(var i=0;i<7;i++){n  var input=document.createElement("input");n input.className="cd";n input.value="查看详情";n input.type="button";n}nn这时想要为input标签添加一个点击事件
js动态append添加的节点点击事件无效
js动态append添加的节点点击事件无效问题
动态生成三级菜单+前端事件处理(冒泡机制取消)
1.先贴上最后的成果图:rnrnrnrn2.前端部分(html页面)代码如下(后端省略):rnrnscript type="text/javascript">n function loginAdd(){n document.getElementById("bg").style.display="block";n document.getEleme
菜单栏点击事件,用ajax加载页面
&amp;lt;body&amp;gt; //定义菜单栏 &amp;lt;div tabindex=&quot;1&quot; class=&quot;sidebar&quot; id=&quot;sidebar&quot; style=&quot;cursor: url(https://cdnjs.cloudflare.com/ajax/libs/slider-pro/1.3.0/css/images/openhand.cur),n-resize; -ms-overflow-x: h...
当ajax加载更多的时候,动态生成的html里面的事件无法触发
自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库——摘自菜鸟教程(http://www.runoob.com/jquery/event-on.html)。n     nn在做项目的时候有时候遇到加载更多的时候,我们以前的做法是在动态加
ajax动态加载页面,对页面的按钮绑定点击事件
如题,动态加载过来的内容不在开始就加载的页面中,所以绑定事件无效。nn开始使用 n$("#site_add").click(addSite(userid));nn无效nnnn去网上逛了一圈回来,说是用.on 绑定 n$("#site_add").on("click", addSite(userid));nnnn无效
javascript--动态添加表格(三种方法)
题目:用户输入行和列,动态创建表格:n nn方法一:createElement(),创建标签(缺点:每创建表格在原来的基础上新建表格)nn nnn&amp;lt;!DOCTYPE html&amp;gt;n&amp;lt;html lang=&quot;en&quot;&amp;gt;n&amp;lt;head&amp;gt;n &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;n &amp;lt;title&amp;gt;动态添加表格-createEl
动态添加到页面的内容怎么写他们的点击事件
比如我有个表格里面的内容都是通过访问接口获取到的,而页面的html只有最外层的table。&amp;lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;  id=&quot;contaUnselectTableList&quot;&amp;gt;&amp;lt;/table&amp;gt;那么里面元素tr的点击事件,你用$(&quot;#contaUnselectTableList tr&quot;
通过js动态为标签元素添加点击事件
最近遇到了,就研究了下,总结了下:rn我所知道的有如下几种方式:rnrnrnvar submitSpan = document.getElementById("submitSpan");n 第一种 submitSpan.onclick = function () {n phoneLogin();n
使用js实现点击事件
这个项目实现一个页面上的3*3的格子,点击每个格子,改变其背景颜色。rn效果如下:rnrnrn1.首先在HTML文件的标签中创建一个表格,背景颜色是红色:rn①使用css文件:rn首先在WebRoot的文件夹下创建一个CSS文件夹,创建一个index.css文件rn写入如下代码:rntd{n width:200px;n height:200px;n font-size: 25px;n
JQuery动态生成的dom绑定事件
需要实现一个功能 ,每一天文件列表下对应不同的文件,我要为这些动态生成的文件绑定相应的事件。 n记录一下解决相应过程。nn待处理的HTML:nnnndiv class="col-sm-9" id="filelist">n video controls="" width="320" height="240" class="video_link" poster="xxx.jpg">
给js动态加载出来的元素添加事件
上面是动态追加的元素,nnnnn$(document).on('click','#edit',function(){n var options=$('#agent option:selected').val(); //获取选中的代理商n $.ajax({n url:"&lt;%=path %&gt;/agent/area?id="+options,n ...
JQuery实现动态添加的标签元素的点击事件
这里所说的动态添加的元素的意思是:用js添加的标签元素nn先说一下我遇到的问题:nn想对一些数据实现分页,就自己写一个分页功能。用的是bootstrap的分页,在页面获取数据列表后,计算出需要分多少页展示,然后用js生成多个页码(是叫页码吗?)。生成后,点击某个页码跳到相应的页,这时肯定要有点击事件。问题来了,没有点击事件。(最初一脸黑人问号)nnnn nnnnnn这是因为在注册click后,再用...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 数据库创建课程表代码 数据库创建课程表代码