0

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

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

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

使用下面的jQuery（这里有很多操作，因为我只能在body标签中这样做）：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {

    var $smf_content = $("#smf_col").contents();
    $("#smf_col").empty();

    $($smf_content).insertBefore($(".dp_main"));

    var $dptable = $(".dp_main").contents();
    $(".dp_main").remove();

    var $body = $("body").contents();
    $("body").empty();
    $("body").html($dptable);
    $("#smf_col").html($body);
});

</script>

该页面在这里： http ://devs.dream-portal.net/smf205/index.php?action=forum

我现在将禁用我的代码，因为它无论如何都不起作用，并将其保持在原始状态，这样您就可以准确地看到我在说什么，在操作任何东西之前，这是我必须使用的。基本上，这是正确完成的，左边的 2 个块应该一直在左边，页面的其余部分应该在右边。

最终结果应如下图所示： 在此处输入图像描述

4

1 回答 1

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)
于 2013-09-15T01:44:19.940 回答