Как переместить дочерний элемент от одного родительского элемента к другому родительскому и разместить его в определенно ⇐ Jquery

[Anonymous]

Предположим, у меня есть этот HTML:

Код: Выделить всё

HTML links are hyperlinks. You can click on a link and jump to another document.











H2 Text

ТОЛЬКО на мобильных устройствах я хочу переместить BottomExcerpt из оболочки и поместить его в WrapperTwo после smallhyperlinks и перед изображением
ТОЛЬКО на мобильных устройствах. code>.
Поэтому в основном структура WrapperTwo на мобильном устройстве (580) будет состоять из небольших гиперссылок -> BottomExcerpt -> Picture .
Как это сделать с помощью jQuery?
Я попробовал следующее, но оно работает неправильно:

Код: Выделить всё

$(window).resize(function () {
if ($(window).width() < 580) {
$('.wrapperTwo .picture').insertAfter('.wrapperTwo .smallhyperlinks');
$('.smallhyperlinks h2').removeClass('hidden');
if ($('.wrapper .bottomExcerpt').length > 0) {
$('.wrapper .bottomExcerpt').insertAfter('.wrapperTwo .smallhyperlinks');
}
}
else
{
$('.wrapperTwo .smallhyperlinks').insertAfter('.wrapperTwo .picture');
$('.smallhyperlinks h2').addClass('hidden');
}
});

По какой-то причине BotExcerpt отображается под изображением, но я хочу, чтобы он отображался между небольшими гиперссылками и изображением. Как я могу решить эту проблему?

Подробнее здесь: https://stackoverflow.com/questions/790 ... ce-it-in-a