获取堆栈中具有绝对位置的下一个元素

Get next element in stack with a absolute position

本文关键字：位置 下一个 元素 堆栈 获取      更新时间：2023-09-26

我们有下一个标记:

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

id为item1, item2, item3的div绝对定位。通过css item2比item3更左移

示例如下:http://jsfiddle.net/tto8ymqa/

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

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

下面是一个示例函数:

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);
}

祝你好运!

相关文章：