日期:2014-05-17  浏览次数:20523 次

JQuery 基础问题 !! table
本帖最后由 Dream_TT 于 2013-01-23 19:47:29 编辑
JQuery 实现  Js实现我会


当我点击这个 改 或者 删 的时候  实现这效果 把改和删换成  确定和取消




替换的时候只改了一个




这是我的代码 


 function loadTab() {
            for (var i = 0; i < tabArr.length; i++) {
                $("#tbData").append("<tr><td>" + tabArr[i].id + "</td><td>" + tabArr[i].name + "</td><td>" + tabArr[i].orgId + "</td><td>" + tabArr[i].money + "</td><td>" + tabArr[i].date + "</td><td><a href='javascript:void(0)'; onclick = 'del(this);'>删</a> &nbsp <a href='javascript:void(1);' onclick = 'edit(this);'>改</a></td></tr>");
            }
        };

        function edit(trObj)
        {
            //var trParent = trObj.parentNode;
            $(trParent).replaceWith("<a href='javascript:void(0); onclick = ok(this);>确定</a> &nbsp <a href='javascript:void(1); onclick = cancel(this);'>取消</a>");
            
        }
jquery table

------解决方案--------------------
try


 $(trParent).html("……");

------解决方案--------------------

$("删").click(function(){
  $(this).parent().html("确定 取消");//假设删除按钮的父级就是td
})

$("确定 ").on("click",function(){  //live被移除了。 虽然前段时间我才发现..
  //删除的操作..
});