悬停时出现相同的div

Question

我有一个像这样的表https://jsfiddle.net/bhpf5rw0/4/
当我用鼠标悬停每个<td>标记以使该div <div style="background-color:rgba(255,0,0,0.3);" onclick="deleteThis()">X</div>与<td>分开显示在每个height:100%;右侧时，是否可以使用JavaScript？当我将鼠标移出时，<div>将再次消失。