我有一个表，我想通过jquery移动到页面的顶部

Question

我在页面底部附近有一张桌子，我想一直移动到顶部以拥抱浏览器的顶部（即/ ff兼容）。

最好的方法是什么？

<div id="mytable"><table id="t1"><tr><td>hello</td></tr></table></div>

Answer 1

绝对顶级？最好的办法是简单地将position: absolute; top: 0;应用于它。

在jQuery中，这将是这样的：

$("#mytable").css({'position': 'absolute', 'top': 0});

我没有对此进行测试，但我不明白为什么它不起作用。如果你需要在一些事件之后完成它，只需使用适当的jQuery处理程序即可。

另外，正如其他人已经指出的那样，如果你想在页面加载的顶部使用它，你可以简单地将所述CSS应用于它，甚至不使用jQuery。

Answer 2

如果通过移动意味着在DOM中进行结构性重新定位，则可以执行此操作：

var mtId = 'mytable'; //the id of the div to move
var mt = $('#' + mtId);
var mtInnerHtml = mt.html();
mt.remove();
$('body').prepend('<div id="' + mtId + '">' + mtInnerHtml + '</div>');
mt = $('#' + mtId);
mt.css({'margin':0, 'padding':0});

在mytable div加载到页面后的某个时刻执行此javascript。它从DOM中删除div并将其重新创建为body标记中的第一个元素，并将margin和padding设置为零。