Попробуйте так
<script type="text/javascript">
$(document).ready(function () {
$('body').on('mouseenter','#tableone td',function () { //alert("A")
var tr = $(this).parent('tr');
var Col = tr.find('td').index(this);
var Span = $('#tableone tr').index(tr.get(0));
tr.find('td:lt(' + Col + ')').addClass('hover');
$('#tableone tr:lt(' + Span + ')').find('td:eq(' + Col + ')').addClass('hover');
}).on('mouseleave','#tableone td',function () {
$('#tableone td').removeClass('hover');
});
});
</script>