Javascript 动态创建与删除

Question

<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, 说明

Answer 1

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

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

http://jsfiddle.net/mFdHm/