Javascript 返回jquery中的上一个状态

这是由stackoverflow创建的：）

aaa bbb
ccc ddd
111
222
$（“.clicked”）.live（'blur'，function（）{
$（“.clicked”）.find（“.tablehide”）.remove（）；
});
$（“.clicked”）.live（'click'，function（）{
$（“.clicked”）.find（'div:first'）.show（）；
$（this.wrapInner（“”）；
$（this.find（'div:first'）.hide（）
$（this.prepend（$（'.tablehide'））；
$（'.tablehide td'）.show（）；
});

实例：

---

如何修改此项-我希望如果单击表外，然后表返回到以前的状态-aaa bbb ccc ddd

捕获像单击框外这样的事件很难，因此我制作了一个重置按钮：

$('#reset').click(function(event) {
    $(".tablehide td").hide();
    $(".clicked div").show();
});

---

使用

委托

并在

文档

上附加一个单击处理程序，而不是

实时

重置状态，如下面的代码所示。在代码中，您总是使用

包装

td

内容，即使它已经包装好了。我在代码中也考虑到了这一点

工作

$(".table").delegate('.clicked', 'click', function(e) {
    $(".clicked").find('div:first').show();
    if($(this).find(".hide").length == 0){
        $(this).wrapInner('<div class="hide">');
    }
    $(this).find(".hide").hide();
    $(this).prepend($('.tablehide').show());
    $('.tablehide td').show();
    e.stopPropagation();
});

$(document).click(function(){
    $(".table").find("div.hide").show();
    $(document.body).append( $(".table").find(".tablehide").hide());
});

$（“.table”）.delegate（“.clicked”，“click”，函数（e）{
$（“.clicked”）.find（'div:first'）.show（）；
if（$（this）.find（“.hide”）.length==0）{
$（this.wrapInner（“”）；
}
$（this.find（“.hide”）.hide（）；
$（this.prepend（$（'.tablehide'）.show（））；
$（'.tablehide td'）.show（）；
e、 停止传播（）；
});
$（文档）。单击（函数（）{
$（“.table”）.find（“div.hide”）.show（）；
$（document.body）.append（$（.table”）.find（.tablehide”）.hide（）；
});

$(".table").delegate('.clicked', 'click', function(e) {
    $(".clicked").find('div:first').show();
    if($(this).find(".hide").length == 0){
        $(this).wrapInner('<div class="hide">');
    }
    $(this).find(".hide").hide();
    $(this).prepend($('.tablehide').show());
    $('.tablehide td').show();
    e.stopPropagation();
});

$(document).click(function(){
    $(".table").find("div.hide").show();
    $(document.body).append( $(".table").find(".tablehide").hide());
});