6

我的结构是这个html：

<div class="aside_listings">
     <div>
          <div>
               <!--a bunch of content-->
          </div>
     </div>
     <div class="toolbar search_options">
          <!--a bunch more content-->
     </div>
</div>

CSS

.aside_listings {
height: 483px;
width: 440px;
overflow-y: scroll;
overflow-x: hidden;
margin-top: 24px;
}

所以上面的代码按它需要的方式工作，我需要一个滚动页面，因为它是一个很长的产品列表。列表底部是一个搜索栏（pg 1、pg 2、pg3 等），我需要在 '.aside_listings' div 之外拥有它。这都是由我无法触及的代码生成的。我在css中查找了如何做到这一点，并将这些样式添加到'.search_options'

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

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

有没有办法将它移到 jquery 的父元素之外？

谢谢

4

2 回答 2

13

如果你想在 DOM 中移动.toolbar，.aside_listings你可以这样做：

var $toolbar = $('.aside_listings > .toolbar');
$toolbar.parent().after($toolbar);
于 2013-09-16T18:05:37.140 回答
2 
var $divElement = $(".aside_listings.search_options");
var html = $divElement.html();
$divElement.remove();
$(".aside_listings").after(html);
于 2013-09-16T18:06:55.330 回答