Я пытаюсь взять #filters и все его содержимое и вставить его после в следующую структуру:
<div id = "top-level">
<div id = "sub-level-1">
<div class = "another-level">
<div class = "last-level">
<nav class = "nav-menu"></nav>
<!-- insert #filters here -->
</div>
</div>
</div>
<aside>
<div id = "filters">
<div id = "filters-form">
<div class = "more-contents"></div>
</div>
</div>
<aside>
</div>
К сожалению, я не могу заставить его работать так, как ожидалось.Кажется, он не может «найти» .nav-меню и вставить его после, хотя я могу вставить его после элементов более высокого уровня.
// this works
var filters = $("#filters");
filters.insertAfter("#sub-level-1");
// doesn't work
var filters = $("#filters");
filters.insertAfter(".nav-menu");
Кто-нибудь может помочь?