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>

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>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
如何动态加载js
如题
如何动态加载js文件?
问题是这样的:rn在一个页面完全加载完毕以后,我在页面做了很多操作。rn然后在某部分需要新的js逻辑(js文件包含的一系列函数等).rn我不能刷新这个页面,但要加载并运行这个js.rn有没有好像用htc那样动态加载新的行为的方法,不过我要加载的是jsrn请问用什么方法呢?rn
js如何封装点击事件
例如如下的点击方法如何放到一个独立的js方便多个页面调用它: //点击行变色 $(&quot;tbody tr&quot;).click(function(){     if($(this).hasClass(&quot;redcss&quot;)){         $(this).siblings(&quot;tr&quot;).removeClass(&quot;redcss&quot;);     }else{         $(this).addClass(&quot;r...
如何动态加载JS
Default.aspx中,有IFRAME。然后需要为iframe中的SRC加载一个JS文件,如果操作?
jquery的点击事件,非动态加载点击与动态加载点击
jquery的点击事件,非动态加载点击与动态加载点击写法不同1.非动态加载点击&amp;lt;div id=&quot;clickdemo&quot;&amp;gt; &amp;lt;ul&amp;gt; &amp;lt;li&amp;gt;1&amp;lt;li&amp;gt; &amp;lt;/ul&amp;gt; &amp;lt;/div&amp;gt;点击1触发 $(&quot;#clickdemo ul li&quot;).on(&quot;click&quot;,function
js模拟点击事件实现代码
js模拟点击事件实现代码 类型:转载 时间:2012-11-06 在实际的应用开发中,我们会常常用到JS的模事件,比如说点击事件,举个简单的例子,点击表单外的“提交”按钮来提交表单。上代码吧 html: 复制代码代码如下: 请单击“提交”,测试提交按钮的单击事件也被触发了。 提交 Javscript: 复制代码代码如下: ...
html5手机页面 点击事件
Zepto.js和jquery区别在于: Zepto.js是小巧的适用于手机页面的js框架 jquery比Zepto.js相对大一点, 两者语法大致相同 zepto.js手机页面点击事件代码如下: 1 $("#android_link").on('click', 2
canvas(html5)放大缩小 点击事件
已实现点击事件。和移动鼠标,以鼠标为原点的放大缩小。可是经过放大和缩小后,点击就失效了。rn请问在这种放大缩小的情况下还能怎样去实现点击呢?求思路!rnrn例如:rn给定的点击区域,当鼠标点击这区域是会打印提示rn```rn x:1386,rn y:50,rn width: 120,rn height: 40rn```rn放大缩小rn```rn canvas.addEventListener('mousemove',function(evt)rn lastX = evt.offsetX || (evt.pageX - canvas.offsetLeft);rn lastY = evt.offsetY || (evt.pageY - canvas.offsetTop);rn dragged = true;rn if (dragStart)rn var pt = context.transformedPoint(lastX,lastY);rn context.translate(pt.x-dragStart.x,pt.y-dragStart.y);rn redraw();rn rn ,false);rn rn 、、、、、、rn var zoom = function(clicks)rn var pt = context.transformedPoint(lastX,lastY);rn context.translate(pt.x,pt.y);rn var factor = Math.pow(scaleFactor,clicks);rn zoomSize = factor;rn context.scale(factor,factor);rn context.translate(-pt.x,-pt.y);rn redraw();rn rn```rnrnrn可是,经过放大缩小后,位于原本区域的图片,移动到其他地方,图形也扩大或缩小了,这时候的点击就等于失效了rnrn
动态加载js
1,如何动态加载js文件,并且加载完成之后调用其中的函数呢? Js代码    function loadJs(url, callback) {       var done = false;       var script = document.createElement('script');       script.type = 'text/javascri...
js动态加载
js动态加载
js点击事件
点击图片放大 图片上有一个checkbox是可以选择的 这个checkbox是在点击另外一个按钮后才会跳出来 现在是要点击按钮后跳出checkbox但是点击图片放大这个就不能执行 就是图片不能放大 这个效果要怎么做 就是执行一个js后不能执行前面那个js点击事件
JS点击事件
第一种: 第二种: 第三种: 备注: btnObj.click()是真正地用程序去点击按钮,触发了按钮的onclick()事件 btnObj.onclick()只是简单地调用了btnObj的onclick所指向的方法,只是调用方法而已,并未触发事件 ...
动态加载 js
前端项目中使用到了一个报表库 Plotly.js, 这个库有 600多k。由于报表只有部分模块用到,所以想使用动态加载方式。 首先想到使用 webpack 的懒加载,但是打包时间太长。加这个库之前 30秒,加之后 6 分钟。使用 noParse 也没有效果。 所以决定用到时,手动加载。 js 常用的动态加载有两种。ajax 加载后使用 ...
js创建img并添加点击事件
var picbtn="";rnrndocument.getElementById("aa").innerHTML=picbtn;rnvar p = $("minpicbtn").getElementsByTagName('img');rnfor (var i=0; i
JS,Jquery如何绑定点击事件
需求: 我想给一个标签,绑定点击事件,但是绑定之后,发现页面加载后,该点击事件自动执行了,这是为什么呐。n代码:n$(document).ready(function () n $('#btnAddAskTags').bind('click', addTagsInit());n );n n//click,on,都是一样的结果n
js中如何动态加载js代码
我想利用AJAX动态从服务器上下载一段html代码和js脚本(主要是几个函数定义),利用document.getElementById("time").innerHTML+=this.req.responseText注入页面中,但是应用中我发现,这段js脚本根本不会被这段html代码调用,请问是怎么回事?rnrn
【JS】使用JS动态加载
一、前言 二、效果 三、实现方法 function addOneLineOnClick() { //insertRow在表格中的指定位置插入一个新行 var row=tblFlowCardDetail.insertRow(tblFlowCardDetail.rows.length); var col = row.insertCell(0)
如何编写控件点击事件的代码?
我在程序中创建如下对象!rnwhile 条件 dornbeginrn myImage:=TImage.create(self);rn myImage.parent:=panel1;rn .......rnend;rnrn请问那这件生成的控对象,如何在其onclick事件中写代码呢?
点击事件代码
被点击后保持点击状态,等到点击另个按钮时才会变
原生JS动态加载JS、CSS文件及代码脚本
DOM readyState属性共5中状态 uninitialized:初始状态 loading:document加载中 loaded: document加载完成 interactive:已加载并可与用户交互,但还需要加载图片等其他资源 complete:全部资源加载完成 DOM文档加载顺序: 解析HTML结构 加载外部脚本和样式表文件(loading) 解析并执行脚本 DOM树构建完成(...
Libgdx---模拟点击事件(代码点击事件)
某个标签页按钮需要在打开时选中某一项,因此需要用到上面这种机制,模拟点击事件。
html5 移动端的点击事件 touch
TOUCH 事件 首先 touch 包含三类事件,它们分别是:touchstart、touchmove、touchend 。望文生义这种本能相信你应该会有,但在这里我还是有必需对这三个词进行一翻不必要的解释。 授课时间 touchstart:手指触摸到一个 DOM 元素时触发。 touchmove:手指在一个 DOM 元素上滑动时触发。 touchend:手指从一个 DOM 元素上移...
Google Map和HTML5定位和动态加载
动态加载! [code=&quot;html&quot;] function loadScript() { var script = document.createElement(&quot;script&quot;); script.type = &quot;text/javascript&quot;; script.src = &quot;http://maps.google.com/maps/api/js?sensor=fa...
JS动态加载JS和CSS文件的方法
1.动态加载JS文件的方法如下: $.getScript("js/jquery.js", function() { //todo something });使用ajax的简写方法 $.getScript来加载; 2.动态加载CSS文件的方法如下: function loadStyles(url) {    var link = document.createElemen
js动态加载css和js文件
css// 动态加载css路径文件 function loadStyles(url) { let link = document.createElement(&quot;link&quot;); link.type = &quot;text/css&quot;; link.rel = &quot;stylesheet&quot;; link.href = url; ...
js高手帮忙 下面代码如何去点鼠标点击事件
/**************************************************rn示例:rn HTML容器: rn PImgPlayer.addItem( "test1", "http://down.liehuo.net", "http://www.yiiker.com/images/logo1.jpg");rn PImgPlayer.addItem( "test2", "http://down.liehuo.net", "http://www.yiiker.com/images/logo2.jpg");rn PImgPlayer.addItem( "test3", "http://down.liehuo.net", "http://www.yiiker.com/images/logo3.jpg");rn PImgPlayer.init( "imgPlayer", 200, 230 );rn***************************************************/rnvar PImgPlayer = rn _timer : null,rn _items : [],rn _container : null,rn _index : 0,rn _imgs : [],rn intervalTime : 8000,//轮播间隔时间rn init : function( objID, w, h, time )rn rn rn this.intervalTime = time || this.intervalTime;rn this._container = document.getElementById( objID );rn this._container.style.display = "block";rn this._container.style.width = w + "px";rn this._container.style.height = h + "px";rn this._container.style.position = "relative";rn this._container.style.overflow = "hidden";rn rn //this._container.style.border = "1px solid #fff";rn var linkStyle = "display: block; TEXT-DECORATION: none;";rn if( document.all )rn rn linkStyle += "FILTER:";rn linkStyle += "progid:DXImageTransform.Microsoft.Wipe(duration=1, motion='forward', GradientSize=1.0) ";rn rn rn var ulStyle = "margin:0;width:"+w+"px;position:absolute;z-index:999;right:5px;FILTER:Alpha(Opacity=20,FinishOpacity=90, Style=1);overflow: hidden;bottom:5px;height:16px; border-right:0";rn rn var liStyle = "margin:0;list-style-type: none; margin:0;padding:0; float:right;";rn rn var baseSpacStyle = "clear:both; display:block; width:23px;line-height:16px; font-size:12px; FONT-FAMILY:'宋体';opacity: 0.6;margin:2px;";rn baseSpacStyle += "border:0;border-right:0;border-bottom:0;";rn baseSpacStyle += "color:#fff;text-align:center; cursor:pointer; ";rn rn var ulHTML = "";rn for(var i = this._items.length -1; i >= 0; i--)rn rn var spanStyle = "";rn if( i==this._index )rn rn spanStyle = baseSpacStyle + "background:#00a889;";rn rn else rn spanStyle = baseSpacStyle + "background:#4e4e4e;";rn rn ulHTML += " ";rn ulHTML += "" + (i+1) + "";rn ulHTML += "";rn rn rn// var html = " "+ulHTML+"";rn rn var html = ""+this._items[this._index].link+"\" title=\""+this._items[this._index].title+"\" target=\"_blank\" style=\""+linkStyle+"\"" "+ulHTML+"";rnrn// var html = "++" "+ulHTML+"";rn// alert(html);rn rn this._container.innerHTML = html;rn var link = this._container.getElementsByTagName("A")[0]; rn link.style.width = w + "px";rn link.style.height = h + "px";rn link.style.background = 'url(' + this._items[0].img + ') no-repeat center center';rn rn this._timer = setInterval( "PImgPlayer.play()", this.intervalTime );rn ,rn rn addItem : function( _title, _link, _imgURL )rn rn this._items.push ( title:_title, link:_link, img:_imgURL );rn var img = new Image();rn img.src = _imgURL;rn this._imgs.push( img );rn ,rn rn play : function( index )rn rn if( index!=null )rn rn this._index = index;rn clearInterval( this._timer );rn this._timer = setInterval( "PImgPlayer.play()", this.intervalTime );rn rn else rn this._index = this._index= 0; i--)rn rn var spanStyle = "";rn if( i==this._index )rn rn spanStyle = baseSpacStyle + "background:#00a889;";rn rn else rn spanStyle = baseSpacStyle + "background:#4e4e4e;";rn rn ulHTML += " ";rn ulHTML += "" + (i+1) + "";rn ulHTML += "";rn rn this._container.getElementsByTagName("UL")[0].innerHTML = ulHTML; rn ,rn rn mouseOver : function(obj)rn rn var i = parseInt( obj.innerHTML );rn if( this._index!=i-1)rn rn obj.style.color = "#00a889";rn rn ,rn rn mouseOut : function(obj)rn rn obj.style.color = "#fff";rn rn
js jq 动态加载js文件
1、jquery方法 $.getScript("./test.js");   //加载js文件 $.getScript("./test.js",function(){  //加载test.js,成功后,并执行回调函数   console.log("加载js文件"); }); 2、js方法 1、直接document.write       d
js延迟执行的问题,动态加载js
我有一个test.js文件,里面内容没什么。我主要是想在a.html网页加载完后隔几秒才执行。rna.htmlrn[code=html]rnrnrnrn rn rn 无标题文档rnrnrnrn正在等待页面跳转...rn这里将是js内容。rnrnrnrn[/code]rn我用rn[b]方法一[/b]rn[code=javascript]rnwindow.onload=function()rn setTimeout(function()rn document.write('
电话拨号器 点击事件(创建一个内部类定义点击事件)
**MainActivity.java主要代码** package com.itheima.dail;import android.support.v7.app.ActionBarActivity; import android.content.Intent; import android.net.Uri; import android.os.Bundle; import android.view.
树的创建及点击事件Java
import java.awt.BorderLayout; import java.nio.file.Paths; import javax.swing.JFrame; import javax.swing.JTree; import javax.swing.event.TreeSelectionEvent; import javax.swing.event.TreeSelectionListe
动态加载/创建DataSet
一个winform界面里有 dropdownlist 和 listbox 控件rnwinform 通过webservice 读取远程数据库里的数据rn网络中有一个数据库,数据库里有一个分类表,一个详细数据表rnrnrndropdownlist 里动态加载了分类数据库里的数据rnrn每选中一个分类时在listbox里加载每个分类下的详细数据rnrn如选中分类1时,LISTBOX加载详细数据表里属于分类1的数据,选中分类2时,LISTBOX加载详细数据表里属于分类2的数据rnrnrn现在的问题是,想为每个分类创建各自的dataset,而且创建后,dropdownlist切换分类时,直接使用第一次创建的dataset而不用重新从数据库里读取。rnrn这时如何动态创建Dataset?rn请注册分类表里的数据是可以根据需要动态加减的,不是固定的。rnrnrn如果先读取分类表,再用分类表里的一个参数作为dataset名,再通过如下创建dataset,好像是不可以的rnforeach(DataRow dr in ds.tables[0].Rows)rnrn dataset dr["valueText"]=远程读取数据库rnrnrn请指教该如何实现我要的效果。rnrnrnrnrn
创建菜单及处理点击事件
  创建菜单,并在点击的某个菜单的时候跟菜单项id去处理逻辑,后面的设置监听的方法也是可以的,不过不建议使用,效率慢 @Override public boolean onCreateOptionsMenu(Menu menu) { // TODO Auto-generated method stub menu.add(0, 1, 0, &quot;append&quot;)...
创建点击事件的方法
1.在xml文件中添加onClick = “name” java文件中对应 public void name(View v){}2.在java中加接口3.内部类方法 textview.setOnClickListenner(new OnClickListenner){}
js 点击事件 内部的 另一个点击事件重复
我们写页面交互的时候,有时候会遇到JS点击事件内部嵌套另外一个点击事件,这种情况下,当我们多次触发外部的点击时间时,内部的点击事件会进行一个缓存,当触发内部的点击事件时会发现重复的情况。 例如: 点我 $('.d1').click(function(){ var index=$(this).index(); console
动态加载JS和CSS
加载JS var JSLOADED=[];//已载入的文件//动态加载js、css文件function_JS_LOADED = []; //已载入的文件 //动态加载js、css文件 function import(type,src){ if(!_JS_LOADED[src]){      if(type==”js”){           try{
jquery js动态加载表格
 function table(id,list){  var table=&quot;&quot;;  for(var i=0; i&amp;lt;list.length; i++) {    table+= '&amp;lt;tr&amp;gt;';    for(var j=0; j&amp;lt;list[i].length; j++) {     table += '&amp;lt;td&amp;gt;' + list[i][j] + '&amp;lt;/td&amp;g...
在html页面动态加载js文件
在页面加载完成后再加载js文件 window.onload = function(){ var head = document.getElementsByTagName('head')[0]; var script= document.createElement("script"); script.type = "text/javascript"; s
动态加载js文件
可以通过extjs3进行动态加载js,也可以直接通过原生js进行调用 拥有extjs4的动态加载功能, 可以同时加载多个js文件, 同时加载过的文件不会重复加载
能不能删除动态加载的JS?
我动态加载了1 个JS之前,要把前一个加载的JS删除。删除代码没有错误提示。可之后,前一个JS里的函数还是可以用。为什么?怎么解决这个?
相关热词 c# stream 复制 android c# c#监测窗口句柄 c# md5 引用 c# 判断tabtip 自己写个浏览器程序c# c# 字符串变成整数数组 c#语言编程写出一个方法 c# 转盘抽奖 c#选中treeview