使用绝对位置获取堆栈中的下一个元素

时间:2014-08-24 14:16:07

标签: javascript jquery html css

我们有下一个标记:

<div class="box">
    <div id="item1">1</div>
    <div id="item2">2</div>
    <div id="item3">3</div>
</div>

ID为item1,item2,item3的Divs绝对定位。 通过css item2向左移动比item3更多。

示例在这里http://jsfiddle.net/tto8ymqa/

$('#item1').next()将返回$('#item2') 如何获得可视的NEXT元素?

如果解释不明白,请问我:)

1 个答案:

答案 0 :(得分:3)

这是一个示例函数:

http://jsfiddle.net/tto8ymqa/2/

JS

var domOrder, visualOrder;
$(function() {
   domOrder = $(".box").find("DIV");
   getVisualOrder();  
})

function getVisualOrder() {
    visualOrder = domOrder.sort(function(a,b) {
        return $(a).offset().left-$(b).offset().left;
    });    
    console.log(visualOrder);
}
祝你好运!