У меня есть таблица, которую я хочу переместить в верхнюю часть страницы с помощью jquery

Question

У меня есть таблица в нижней части страницы, которую я хочу переместить до самого верха, чтобы обнять верхнюю часть браузера (т.е. / ff-совместимый).

Какой лучший способ сделать это?

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

Answer 1

Если под ходом вы подразумеваете структурное перемещение его в 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});

Выполните этот JavaScript в какой-то момент после загрузки mytable div на страницу. Он удаляет div из DOM и воссоздает его в качестве первого элемента в теге body и устанавливает значение поля и отступа равным нулю.

Answer 2

абсолютная вершина? Лучше всего просто применить position: absolute; top: 0; к нему.

В jQuery это будет примерно так:

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

Я не проверял это, но я не понимаю, почему это не должно работать. Если вам нужно сделать это после какого-то события, просто используйте соответствующий обработчик jQuery.

Кроме того, как уже отмечали другие, если вы хотите, чтобы это было сверху при загрузке страницы, вы можете просто применить указанный CSS к нему и даже не использовать jQuery.