尝试使用 detach() 删除和存储对象

Question

我正在尝试删除一个对象并将其存储（以防用户稍后想要检索它）。我已经尝试将对象存储在一个变量中，就像它在下面的线程中所说的那样：

How to I undo .detach()?

但是detach() 不会从 DOM 中删除元素或存储它。我也没有收到任何错误消息。这是我用来分离元素的代码：

function MMtoggle(IDnum) {
        var rowID = "row" + IDnum;
        var jRow = '#' + rowID;
        thisMMbtn = $(jRow).find(".addMMbtn");
        var light = false;
        var that = this;
        if (light == false) {
            thisMMbtn.bind("click",
                function() {
                    var thisRow = $(this).closest(".txtContentRow");
                    var thisTxt = thisRow.find(".txtContent");
                    var cellStr = '<div class = "mmCell prep"></div>';
                    $(cellStr).appendTo(thisTxt);
                    $(this).unbind("click");
                    light = true;
                }
            );
        }
        else {
            thisMMbtn.bind("click",
                function() {
                    var thisRow = $(this).closest(".txtContentRow");
                    thisMM = thisRow.find(".mmCell");
                    SC[rowID].rcbin = thisMM.detach(); //here is where I detach the div and store it in an object
                    $(this).unbind("click");
                    light = false;
                }
            );
        }
    }

    MMtoggle(g.num);

问题的关键就在这里：http://jsfiddle.net/pScJc/

（分离的按钮是右边的“+”按钮，应该是添加一个div，再次点击时分离。）

Answer 1

查看您的代码，我认为您不需要 detach 来实现您想要实现的目标。

试试这个代码。

    thisMMbtn.bind("click",
        function() {
            var thisRow = $(this).closest(".txtContentRow");
            var thisTxt = thisRow.find(".txtContent");
            var $mmCell = thisTxt.find('.mmCell');
            if($mmCell.length == 0){
                $mmCell = $('<div class = "mmCell prep"></div>')
                          .appendTo(thisTxt).hide();
            }
            $mmCell.toggle();
            //$(this).unbind("click");
        }
    );

Demo