您好,匿名用户
随意问技术百科期待您的加入

Javascript 动态创建与删除

0 投票
<ul>
   <li> content <button>Delete</button></li>
   <li> content <button>Delete</button></li>
   ...
</ul>

我想要做的是,动态增加 <li>content<button>Delete</button></li> ,然后点击 button 能够删除增加的 li ,看到很多的例子,都是对已经创建好的进行删除,这种动态创建的怎么删除呢?
PS:我现在是做一个简单的 Chrome extension, 他要求不能使用 onclick, 说明

用户头像 提问 2014年 6月7日 @ Evelynn 上等兵 (244 威望)
分享到:

1个回答

0 投票
 
最佳答案

用事件监听就好了,给动态增加元素的父标签增加click的监听事件就可以对动态增加的元素进行点击回调操作了。我给个jQuery的示例吧(JavaScript是用addEventListener):

$('ul').on('click', 'button', function(e){
    $(this).parent().remove();
})

http://jsfiddle.net/mFdHm/

用户头像 回复 2014年 6月7日 @ hadoop 上等兵 (109 威望)
选中 2013年 9月7日 @Evelynn
提一个问题:

相关问题

0 投票
1 回复 78 阅读
用户头像 提问 2012年 12月1日 @ Mordekaiser 上等兵 (232 威望)
0 投票
0 回复 3 阅读
用户头像 提问 2014年 5月29日 @ Ryze 上等兵 (293 威望)
0 投票
1 回复 22 阅读
0 投票
1 回复 52 阅读
用户头像 提问 2012年 12月1日 @ Trish 上等兵 (154 威望)
0 投票
1 回复 59 阅读
用户头像 提问 2012年 12月1日 @ Kha'Zix 上等兵 (269 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...