javascript - 重定位一个 div

Question

我正在尝试重新定位一个 div - 标题为“Why Bother”的可扩展面板，因此它出现在您现在在显示屏中看到的位置(底部)。但在 HTML 中，我希望它出现在 8 个面板的顶部。

(这些面板都位于内容区域的 RH 侧。我这样做是为了保留当前网站的 SEO，这是我为其构建此网站的人赚取 99% 的钱的地方)。

http://dev.assessmentday.co.uk/index.htm

我试过使用 bottom:0;但这不适用于可扩展面板。有没有办法使用 CSS 或 JS 来做到这一点？

Answer 1

如果您出于 SEO 原因希望它出现在顶部，那么您将不得不在 HTML 代码中将其移至顶部。在 DOM 加载后移动它(使用 JS 或 CSS)不会影响它的 SEO，因为 SEO 蜘蛛将按照它在原始 HTML 中出现的方式读取 DOM。

将其移动到顶部后，您可以使用 javascript 将其移动到底部，这样它看起来就在底部。

假设它是 <div class="contentLeft" 中的第一个 div 元素同类dropdownPanel ，您可以使用以下 jQuery:

$(document).ready(function(){
    $('div.dropdownPanel:first').appendTo('#content div.contentLeft');
});

这是一个工作示例:

http://jsbin.com/ezizix/1/edit

我注意到您的网站上有 $ jQuery 的快捷方式已禁用，因此请务必将其替换为 jQuery :

jQuery('div.dropdownPanel:first').appendTo('#content div.contentLeft');