以这个由 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>