首页 > jQuery 点击动态添加新元素,如何便捷有效的遍历新元素

jQuery 点击动态添加新元素,如何便捷有效的遍历新元素

    
    <div action="#" class="form">
        <p class="aa">sfsdfasdf</p>
        <p class="aa">sfsdfasdf</p>
        <p class="aa">sfsdfasdf</p>
        <p class="aa">sfsdfasdf</p>
        <button class="add">添加</button>
    </div>
    <script>
        $(".add").click(function(){
            $(".form").append("<p class='aa'>1223423435r43</p>")
        })
        $(".aa").each(function(i){
            $(this).live("click",function(){
                alert("111");
            })
        });
    </script>

不用遍历每个子元素去绑事件,在父元素上代理即可。

【热门文章】
【热门文章】