在网格中上下导航div（jQuery）

以这个由div组成的9x9网格为例：

现在，让我们移除一些方块：

$('.sq-15').fadeOut(400, function(){
   $(this).remove(); // etc
});

结果:

我如何从一个正方形中选择它上面的正方形？还是为了它，底部的正方形

当我有了原始网格时，很容易：只需返回9个div来选择它上面的div。或向前导航9个div以选择底部的div：

$('.sq-15').prevAll().eq(9); 

棘手的部分是当一些div被删除->在我选择上面的div之前，我如何知道要走多少步？我走错方向了吗

例如，标记可以如下所示：

<div data-color='#FFC20A' data-sq='0' class='sq sq-0' style='background:#FFC20A;'>
</div>
<div data-color='#FFC20A' data-sq='1' class='sq sq-1' style='background:#FFC20A;'>
</div>
<div data-color='#66CC33' data-sq='2' class='sq sq-2' style='background:#66CC33;'>
</div> 

---

用divs在html和css之外的其他东西中实现它！如果将div命名为类似于单元格和行，会有帮助吗？我希望在删除一些div的情况下看到更完整的标记。in-data sq中是否存在删除项的间隙，或者它们总是完全按顺序排列。我强烈建议您将逻辑切换为使用JavaScript中的网格数据，并使用HTML+CSS来表示它，而不是试图从HTML表示中推断数据。是的，Juhana和Toby，你们都指向了一个不同但更方便的方向。