javascript - 如何选择随机放置的元素的下 3 个兄弟姐妹？

Question

我正在尝试选择板上 div 网格的下 3 个兄弟姐妹。我正在考虑使用 nextUntil() 但由于这些兄弟姐妹的 id 在加载时也是随机放置的，因此它们没有设置。我不知道该怎么做。我尝试过使用一些运算符：

$((".Jim").attr('id')).nextUntil($( ".Jim" ).attr('id') * 1 + (3)).css( "background-color", "red" );

吉姆是吉姆一类的游戏角色。他被随机放置在游戏板上的一个网格 div 中。我想改变接下来三个 div（方块）的样式，让玩家知道他们只能移动到那些方块。接下来直到似乎是一个不错的方法，但我无法弄清楚如何指定直到第三个兄弟姐妹。

谁能帮我？

标签： javascriptjquery

Answer 1

您可以使用“Jim”类在 div 之后选择接下来的 3 个元素nextAll()，slice()如下所示：

$(".Jim").nextAll().slice(0,3).css("background-color", "red");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="Jim">
  Jim
</div>
<div>
  1
</div>
<div>
  2
</div>
<div>
  3
</div>
<div>
  4
</div>