Javascript 有没有办法用jquery将元素移到其父元素之外？

我的结构是这样的 html:

所以上面的代码是按它需要的方式工作的，我需要一个滚动页面，因为它用于一个很长的产品列表。在列表的底部是一个搜索栏（第1页、第2页、第3页等），我需要在“.aside_listings”分区之外设置它。这都是由我无法触摸的代码生成的。我在css中查找了如何执行此操作，并将这些样式添加到“.search\u选项”中

position: absolute;
margin-top: -50px;
font-size: 18px;
color: #999999;
margin-left: 13px;
width: 418px;

从表面上看，它似乎在工作，但如果您导航到其他页面之一或优化搜索区域，它会根据列表中出现的产品数量跳转

在jquery中有没有办法将其移出父元素

---

感谢您

如果您想在

之后移动
。工具栏
。除了DOM中的列表

，您可以执行以下操作：

var $toolbar = $('.aside_listings > .toolbar');
$toolbar.parent().after($toolbar);

---

在jsfiddle.net中发布代码。它将帮助您找到最佳解决方案。对于这个解释，我们不太清楚。如果我们想移动工具栏，你能建议一个代码吗？工具栏就在前面。在DOM中的列表旁边？@JayMaharjan将

后面的
替换为
前面的
？
position: absolute;
margin-top: -50px;
font-size: 18px;
color: #999999;
margin-left: 13px;
width: 418px;

var $toolbar = $('.aside_listings > .toolbar');
$toolbar.parent().after($toolbar);

var $divElement = $(".aside_listings.search_options");
var html = $divElement.html();
$divElement.remove();
$(".aside_listings").after(html);