需要从DOM中删除表，并将Body放入td并将表放回DOM中

Question

好的，如果你去这里：http://devs.dream-portal.net/smf205/index.php?action=forum

您会注意到一个表元素，其中包含（在菜单下）右侧的论坛（电路板索引）和左侧的2个内容块。所有这些都在table元素的表元素中，类dp_main。右边是SMF内容，这里是它变得棘手的地方。好的，这个td元素的id为smf_col我需要从#smf_col td元素中取出所有HTML并将它放在它之前（或在DOM中的同一位置）表元素是。我需要从DOM（及其所有内容）中完全删除表元素.dp_main，而不是将body标记内的所有内容放入到EMPTY #smf_col td元素中。表，然后将该表放入body标记。

我只能在body标签中执行此操作，这就是为什么在将整个body内容放入id = {{的td元素后，需要从DOM中删除表并将其放回到其中的原因1}}。

使用以下jQuery（这里有很多操作，因为我只能在smf_col标记中执行此操作）：

body

页面位于：http://devs.dream-portal.net/smf205/index.php?action=forum

我暂时禁用我的代码，因为它无论如何都不起作用，并将其置于原始状态，这样你就可以看到我正在谈论的内容，在操作之前，这就是我必须要处理的事情。基本上，这是正确完成的，左边的2个块应该一直向左，页面的其余部分应该在右边。

最终结果应如下图所示：

Answer 1

尝试

var $dpmain = jQuery('.dp_main');
var $body = jQuery('body');
var $col = jQuery('#smf_col');

var $ct = jQuery('<div />').insertBefore($dpmain);
$body.append($dpmain);

$col.contents().appendTo($ct);
$body.contents().not($dpmain).appendTo($col)