使用分离来删除元素组，追加以将子元素重新添加到新的父元素不起作用

Question

我正在创建一个粗糙的原型，并被困在以下内容上：

我有一个创建“组”的按钮，另一个功能是将按钮（“缩小/成长按钮”）附加到“活动”组中，以控制组的大小。

还有另一个按钮可以使用detach方法删除最后一个组，但是由于将收缩/增长按钮附加到该组，因此它们在该功能中也被分离。

我的问题是我想将这些按钮附加到下一个“活动”组，我认为我可以这样做，因为detach不能完全删除DOM中的元素。我只是想知道当他们的父组不再在DOM中时，我是否不能选择缩小/增长按钮并将其追加？

您可以在此密码笔中看到我的代码：https://codepen.io/bbulman/pen/byvOER

            $("button.remove-last").click(function(){
                var totalTiles = $(".tile").length;



            if(totalTiles >=1 ){        
                $(".tile-group" ).last().detach();
                $( ".tile-group" ).last().addClass( "active" ).$(".grow-buttons").appendTo(".tile-group.active");
;
                console.log("remove group");
            }