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

[Anonymous]

У меня есть следующий HTML-код (упомянутый ниже). Используя jQuery, у меня возникла проблема с перемещением дочернего элемента BottomExcerpt в WrapperTwo.
На мобильном устройстве я хочу переместить элемент BottomExcerpt и поместите его под smallhyperlinks и перед картинкой.
По сути, BottomExcerpt будет средним элементом между smallhyperlinks и картинкой.
Но по какой-то причине на мобильных устройствах нижнийExcerpt перемещается под изображение, а должен располагаться под небольшими гиперссылками. Последним элементом должно быть изображение, а не BottomExcerpt.
На мобильных устройствах:
то, что оно сейчас отображает: smallhyperlinks – > картинка -> BottomExcerpt
Но оно должно отображаться как: smallhyperlinks -> BottomExcerpt -> картинка< /p>
Ниже я поделился своим JS-кодом. Я что-то упустил в коде?
Исходный HTML:





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











H2 Text





JS
$(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');
}
});


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