<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
</head>
<body>
<table>
<tr>
<td>type_01</td>
<td>title_01</td>
<td>text_01</td>
<td>date_01</td>
</tr>
<tr>
<td>type_02</td>
<td>title_02</td>
<td>text_02</td>
<td>date_02</td>
</tr>
<tr>
<td>type_03</td>
<td>title_03</td>
<td>text_03</td>
<td>date_03</td>
</tr>
</table>
<script type="text/javascript">
var innerhtml='';
$('table tr').each(function() {
$('td:first',this).mouseover(function() {
innerhtml=$(this).html();
$(this).html('del_'+innerhtml.split('_')[1]);
});
$('td:first',this).mouseout(function() {
$(this).html(innerhtml);
});
});
</script>
</body>
</html>
Если никаких элементов туда не сувать и ссылок.
Иначе надо изголиться чучуть.
