Проще всего это сделать на css:
table tr:hover td:first-child .record-delete{
display: block;
cursor: pointer;
}
table tr:hover td:first-child .record-type{
display: none;
}
а в td пишите
<td>
<span class="record-type">тут тип</span>
<span class="record-delete">удалить</span>
</td>