jquery让onclick事件失效

Question

<td id="s1" onclick="showDIV(1)" align="center">我已解决s1号异常<td>当<td>中的onclick事件执行后，<td>中的值会变成'异常已解决'，就必须让onclick事件失效。用jquery实现。

Answer 1

jquery里有个一次性的事件处理方法：one(eventType,fn)。

具体可以这样做：

$(function(){
$("#s1").one("click",showDIV(1));
});

jquery还有一个解除事件委派的方法：unbind([eventType])。参数是可选的，如果不选，则表示移除节点所有已绑定事件。
这里你只需要解除click事件，可以用$("#s1").unbind("click")来处理。

Answer 2

$("#s1").text("异常已解决");
$("#s1").attr("onclick","");

或者
$("#s1").attr("id","s2");
$("#s2").parent().append(function(0,'<td id="s1" align="center">异常已解决</td>'));
$("#s2").remove();