javascript - 如何在 jQuery 中检索按位置而不是 DOM 顺序排序的元素

Question

我正在使用 jQuery Draggable 重新排列某些 DOM 元素。现在我想检索那些按当前位置而不是 DOM 顺序排序的元素。

目前 jQuery 选择以 DOM 顺序返回元素。

如何使用 jQuery 检索按当前位置排序的元素？

Answer 1

如果您想要页面上的物理位置，您必须编写一个自定义函数来返回页面上的 x,y 坐标。

我建议通过 y 坐标(距页面顶部的距离)获取所有项目，如果它们距顶部的位置相同，则按 x 坐标排序。

.offset()最适合这个。

将所有 dom 元素添加到数组中，然后按上述位置排序。

注意 - 这对 jQuery 来说是很多繁重的工作 - 请记住这一点 - 如果某些元素是你想要重新排序的元素，我建议手动分配 id 并运行任何逻辑而是指示它们的布局。