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

  • A+
所属分类:前端工程

在使用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版本问题

  • 公众号
  • 扫一扫
  • weinxin
  • 打赏
  • 扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: