Javascript 你好我需要在所有表格中从中间移动红细胞，不仅是从左到右，而且是从上到下

我不知道怎样才能使中间的红细胞也从键盘箭头上下移动。她需要停在这一排的最后。有人能帮我吗？这是我需要做的正确代码

运输署{
宽度：50px；
文本对齐：居中；
背景颜色：蓝色；
}
瑞德先生{
背景：红色；
}
}
$（函数（）{
$（'.middle'）。在（“单击”，函数（）上）{
$（this.addClass（'red'）；
});
$（文档）.keyup（函数（事件）{
var指数；
if（$（'.middle'）.hasClass（“红色”））{
if（event.which==39）{
指数=$（'.middle'）。指数（“td”）；
索引=~~索引；
指数+=1；
如果（$（“td”）。长度==索引）{
指数=0；
}
$（'.middle'）.insertAfter（$（'td'）.eq（index））；
//$center.insertAfter（索引）；
}else if（event.which==37）{
指数=$（'.middle'）。指数（“td”）；
索引=~~索引；
指数-=1；
$（'.middle'）.insertBefore（$（'td'）.eq（index））；
}
}
event.preventDefault（）；
});
});
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

根据注释，需要更改中间单元格的颜色（x=3，y=3），因此我们需要向您的中间单元格添加

id

：

...
<tr>
    <td>-</td>
    <td>-</td>
    <td id="middle-cell">-</td>
    <td>-</td>
    <td>-</td>
</tr>
...

。。。
-
-
-
-
-
...

然后更改您的功能以选择它：

<script>
$( function() {
  $("#middle-cell").click( function() {
    $("#middle-cell").css('background', 'red')
  } );
} );
</script>

$（函数（）{
$（“#中间单元格”）。单击（函数（）{
$（“#中间单元格”）.css（'背景'，'红色'）
} );
} );

$（函数（）{
$（'.middle'）。在（“单击”，函数（）上）{
$（this.addClass（'red'）；
});
$（文档）.keyup（函数（事件）{
var指数；
if（$（'.middle'）.hasClass（“红色”））{
if（event.which==39）{
指数=$（'.middle'）。指数（“td”）；
索引=~~索引；
指数+=1；
如果（$（“td”）。长度==索引）{
指数=0；
}
$（'.middle'）.insertAfter（$（'td'）.eq（index））；
//$center.insertAfter（索引）；
}else if（event.which==37）{
指数=$（'.middle'）。指数（“td”）；
索引=~~索引；
指数-=1；
$（'.middle'）.insertBefore（$（'td'）.eq（index））；
}
}
event.preventDefault（）；
});
});
td{
宽度：50px；
文本对齐：居中；
背景颜色：蓝色；
}
瑞德先生{
背景：红色；
}

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
我们不会做你的家庭作业。到目前为止你试过什么吗？我发布了我试过的内容。我只需要中间的单元格来着色。在我的代码中，每个单元格都是红色的。很好，你添加了你的代码！现在，你希望你的表上的每一个点击（不管单元格）改变你的细胞在中间的颜色（x＝3，y＝3），Rigth.当然，至少我可以试试。但首先，然后再发布另一个问题，这样每个人都可以尝试帮助你。但我需要这个单元格在表格的每个其他单元格中移动，而不仅仅是左右移动。@DanDuca see againIt这是一样的。我还需要从“向上”和“向下”箭头移动单元格。