jquery使用on函数获取动态添加的元素

在使用jquery进行动态添加元素的时候无法获取到元素的内容

<body>
    <div id="box"></div>
</body>

遇到的问题

使用append()函数添加的元素无法进行设置监听事件

$('#box').append('<div><span>监听事件测试</span></div>')

添加元素后无法获取span标签的监听事件

解决的方法

使用on()函数进行获取元素

$('#box').on('click','span',function(e){
    alert(e.target.innerHTML)
})

on方法要先找到原选择器(div),再找到动态添加的选择器(span)

注意jquery版本问题

发表评论

发表评论