jquery - 排列父 Div 以首先向左显示子 Div

Question

我有一个 10000 像素的 DIV。在这个 DIV 中，我有各种 500px DIV，如下所示：

<div class="huge-div">
   <div class="some-div">
   <div class="some-div">
   <div class="new-div">
   <div class="new-div">
   <div class="new-div">
</div>

我需要找到第一个具有“new-div”类的 DIV 并重新定位“huge-div”，以便它在浏览器/视图的左侧显示第一个“new-div”。

到目前为止，我可以找到第一个 DIV，将其添加一个新类（以更改其颜色），但不知道如何告诉它基于“new-div”将“huge-div”排列到左侧首次亮相。

$('.new-div').first().addClass('great').---line-up "huge-div" to the left---();

//

Answer 1

像这样？ http://jsfiddle.net/8WYpW/1/

添加一个包装器：

<div class="huge-div">
    <div class="wrapper">
       <div class="some-div">test</div>
       <div class="some-div">test</div>
       <div class="some-div great">great</div>
       <div class="some-div">test</div>
       <div class="some-div">test</div>
    </div>
</div>

然后基于负边距定位：

$(function() {
    setTimeout(function() {        
        $('.huge-div').animate({marginLeft: -$('.great').offset().left});
    }, 1000);
});

编辑

直接去那里使用 css 而不是动画：

$('.huge-div').css({marginLeft: -$('.great').offset().left});