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

Question

下面的代码是根据后台数据动态加载进去的（数量不确定），请问怎么为每个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>

Answer 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>