Question

JS闭包问题，循环添加事件，只有最后一个

百度了一下午 实在是解决不了了。。求大神！
JS实现把DIV中字体展开 收起的效果，循环给RIGHT_DIV进行修改，先判断长度进行截取，这块没问题，之后给该DIV增加点击事件，总是最后一个成功 其他不行。
代码如下，

//判断截取
var o = document.getElementsByName("right_div");
for ( var i = 0; i <= o.length; i++) {
var s = o[i].innerHTML;
var p = document.createElement("span");
var n = document.createElement("a");
if (s.length > 30) {
p.innerHTML = s.substring(0, 30);
n.innerHTML = "...展开";
o[i].appendChild(p);
o[i].appendChild(n);
} else {
p.innerHTML = s;
n.innerHTML = "";
o[i].appendChild(p);
o[i].appendChild(n);
}
//添加事件
this.onclick = function() {
if (n.innerHTML == "...展开") {
n.innerHTML = "收起";
p.innerHTML = s;
} else if(n.innerHTML == "收起"){
n.innerHTML = "...展开";
p.innerHTML = s.substring(0, 30);
}
}
}

Answer 1

o[i].onclick = (function(n1,p1,s1){
    if (n1.innerHTML == "...展开") {
	    n1.innerHTML = "收起";
	    p1.innerHTML = s;
    } else if(n1.innerHTML == "收起"){
	    n1.innerHTML = "...展开";
	    p1.innerHTML = s1.substring(0, 30);
    }
})(n,p,s)

Answer 2

http://ci.baidu.com/NmIqPKmozt