js & jQuery 绑定未来的元素

原创 uptown 随笔 js 106阅读 2018-08-16 00:57:53 举报
 最近,一个同事跟我求助,说在页面点击按钮,向一个 div 添加 select 标签,根据 select 选中项取值,但取不到!如下:

怎么办?

我们先来做几个测试: 

1、点击 button,向 div 里添加多个未来按钮,点击某个未来按钮,删除本身!

按照常规操作,应该就是这样写的:

结果,能添加未来按钮,但点击这些按钮无效!

 先不急答案,再换个思路测试下!

2、换个思路,点击按钮,向父元素添加未来按钮,点未来按钮,添加更多按钮

与上例不同的是,在点击按钮时,将事件绑定到父元素上,想想有什么不一样!

结果,可行!

子元素也是父元素的一部分,点击父元素时返回,子元素时执行操作! 

3、再回到第一个测试,同样将事件绑定到父元素上。行了!

回到文章开头的问题,是不是有答案了!

最后说一下,jQuery 1.7 起,用 on 方法替代了 bind、live 和 delegate 方法,所以测试的 jQuery 绑定只用了 on 方法。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复