Попробуйте так
<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>