这段动态添加的li 怎么删除自己 行为不正常？？？？

Question

ie 和 ff的效果不一样 有的删除部分 有的只能删除一个 但都不能达到自己想要的意图 
这是什么原因呢？？
<ul id=ul>

</ul><script>
var on=function(o, type, fn) { o.attachEvent ? o.attachEvent('on' + type, function() { fn.call(o) }) : o.addEventListener(type, fn, false); return this }var ul=$('ul')
for (var i = 0; i < 5; i++) {
var li = document.createElement('li')
li.innerHTML = "ssss"+i
li.onclick=function(){
li.parentNode.removeChild(this)
}
ul.appendChild(li)
}
</script>

Answer 1

下面的代码 ie正常 ff不行 
为什么？？？？？
<ul id=ul>

</ul><script>
var on=function(o, type, fn) { o.attachEvent ? o.attachEvent('on' + type, function() { fn.call(o) }) : o.addEventListener(type, fn, false); return this }Function.prototype.extend=function(properties){
for (var property in properties) this[property] = properties[property];
return this;
}var ul=document.getElementById("ul")for (var i = 0; i < 5; i++) {
var li = document.createElement('li')
li.id="s"+i
li.innerHTML = "ssss"+i
li.onclick=(function(){
if(this.id==this.onclick.selfId)
li.parentNode.removeChild(this)
}.extend({selfId:li.id}));
ul.appendChild(li)
}
</script>

Answer 2

    li.onclick=function(){
        this.parentNode.removeChild(this)
    }