Jquery 将div移动到索引位置

我的页面上有三个div

你可以在这里看到样本-

在这个页面上，我正在单击淡入divs。按照我的设想，一切都很顺利

现在，如果我单击一个div选项卡，它的所有同级都将淡出，并在单击ShowAll按钮时再次淡入

当div变为hide时，它将进入默认的左侧位置。但我希望我单击的div应该始终位于页面的中间。所以我试着给它第二个孩子的索引位置，但这不起作用

如何获取第二个子项的索引位置，以便在中间移动框

jQuery-

试试这个

试试这个

---

也许您应该使用.position而不是.index

$(function () {
    var index = $('.span4:nth-child(2)').position().left;
    var left = $('.span4:nth-child(2)').position().left;
    var top = $('.span4:nth-child(2)').position().top;
    $('.container .row-fluid .span4 ').click(function () {
        $(this).show().siblings().fadeOut();
         $(this).css('margin-left', left);
    });
    $('.show-all').click(function () {
         $('.span4').css('margin', "auto");
        $('.span4').fadeIn();
    });
});

---

也许您应该使用.position而不是.index

$(function () {
    var index = $('.span4:nth-child(2)').position().left;
    var left = $('.span4:nth-child(2)').position().left;
    var top = $('.span4:nth-child(2)').position().top;
    $('.container .row-fluid .span4 ').click(function () {
        $(this).show().siblings().fadeOut();
         $(this).css('margin-left', left);
    });
    $('.show-all').click(function () {
         $('.span4').css('margin', "auto");
        $('.span4').fadeIn();
    });
});

---

点击DIV ID，在这个ID上用CSS设置按钮。page@MichaelUnterthurner，但伙计，没有具体的部门。我想知道你的问题。。SyRy给DIV一个ID，当它被点击时，在这个ID上，你在中间设置了CSS的按钮。page@MichaelUnterthurner，但伙计，没有具体的部门。我想知道你的问题。。这很棘手，但把div移到第二个子元素的索引位置怎么样？你们的答案对我并没有帮助。这很棘手，但把div移到第二个孩子的索引位置怎么样？你的回答对我没有帮助。谢谢，我忘了职位。谢谢，我忘了职位。

$(function () {
    var index = $('.span4:nth-child(2)').position().left;
    var left = $('.span4:nth-child(2)').position().left;
    var top = $('.span4:nth-child(2)').position().top;
    $('.container .row-fluid .span4 ').click(function () {
        $(this).show().siblings().fadeOut();
         $(this).css('margin-left', left);
    });
    $('.show-all').click(function () {
         $('.span4').css('margin', "auto");
        $('.span4').fadeIn();
    });
});