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

标签 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 的 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);
}

祝你好运!

关于javascript - 获取堆栈中具有绝对位置的下一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25472630/

相关文章:

javascript - 如何修复 Cordova/Phonegap 中的 iFrame 问题 (iOS)?

javascript - 防止Selectize自动排序

javascript - JQuery .html() 在 Chrome 中有时表现得很奇怪

javascript - 通过单击任意点上的 div 滚动到特定的 div

jquery - 根据百分比值更改 CSS 类

html - CSS 悬停在边距后面

通过 Ruby Gem Devise 进行 JavaScript React 身份验证?

javascript - 类型错误 : set is not a function with angularjs

javascript - object.style ['background'] 在 Mozilla 中不起作用

javascript - 如何检测需要滚动的元素主体或html