jsp td鼠标悬停和鼠标移开内容改变

目前的想法是给td之前和之后各放一个td.当然这两个td是隐藏的.如下:

 

当前显示的值

当前显示的值

鼠标悬停改变的值

 

function show(obj) {
        var obj = $(obj);
        var value = obj.next().children("label:first-child").html();
        obj.children("label:first-child").html(value);
    }

function hidden(obj) {
        var obj = $(obj);
        var value = obj.prev().children("label:first-child").html();
        obj.children("label:first-child").html(value);
    }

目前水平有限,没想到好的办法,觉得这个办法不是很好,如果大佬有好办法,希望分享.