jquery - 在网格中上下导航 div (jQuery)

Question

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

现在，让我们删除一些正方形：

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

结果：

我怎样才能从一个正方形中选择它顶部的正方形？或者为了它，底部广场？

当我有原始网格时，很容易：只需返回 9 个 div 以选择其上方的 div。或者导航 9 个 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>