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问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!