首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery无法删除父元素解决方案

2012-03-15 
jquery无法删除父元素今天在用jquery对一个table进行操作,其中html的部分代码是这样的HTML codetbody sty

jquery无法删除父元素
今天在用jquery对一个table进行操作,其中html的部分代码是这样的

HTML code
<tbody style="line-height:20px;"><tr>..</tr><tr>..</tr><tr>..</tr><tr>..</tr><tr><td class="td2" width="48" height="50"><td width="87">测试</td><td>中国大陆</td><td>吉林省四平市铁东区测试收货地址</td><td>123456</td><td class="td2"><td class="td-a"><span class="delBtn" style="cursor:pointer;" name="107">删除</span></td></tr></tbody>

然后通过jquery发起一个ajax请求,删除一个地址,代码如下:
JScript code
$(".delBtn").click(function () {        var parms = '{id:"' + $(this).attr("name") + '"}';        $.ajax({            type: "post",            url: "Ajax/DeliveryAddress.aspx/DeleteDeliveryAddress",            data: parms,            dataType: "json",            contentType: "application/json; charset=utf-8",            beforeSend: function (XMLHttpRequest) { },            success: function (data) {                var result = eval(data.d)[0].result.toString();                if (result = "删除成功") {                    $(this).parent().parent().remove();                }                alert(eval(data.d)[0].result);            },            error: function (xhr, msg, e) { }        });    });


[解决办法]
探讨

经过单步调试,if条件为真,但却无法对该行进行删除,求指教
JScript code
var result = eval(data.d)[0].result.toString();
if (result = "删除成功") {
$(this).parent().parent().remove();
……

[解决办法]
JScript code
$(".delBtn").click(function () {        var parms = '{id:"' + $(this).attr("name") + '"}';//要么是个xx=xx的字符串,要么是个JSON对象,你现在都不知道是个什么东西。你用firebug等看到参数发送正确?        $.ajax({            type: "post",            url: "Ajax/DeliveryAddress.aspx/DeleteDeliveryAddress",//因为我没这个文件,所以我连你怎么错都不知道,你是数据库里面删不掉还是仅仅页面删不掉?            data: parms,            dataType: "json",            contentType: "application/json; charset=utf-8",            beforeSend: function (XMLHttpRequest) { },            success: function (data) {                var result = eval(data.d)[0].result.toString();//json对象还要eval?                if (result = "删除成功") {                    $(this).parent().parent().remove();                }                alert(eval(data.d)[0].result);            },            error: function (xhr, msg, e) { }        });    });
[解决办法]
探讨

经过单步调试,if条件为真,但却无法对该行进行删除,求指教
JScript code
var result = eval(data.d)[0].result.toString();
if (result = "删除成功") {
$(this).parent().parent().remove();
……

[解决办法]
if (result = "删除成功") {
应该是if (result == "删除成功") {
否则总是true
$(this)在代码块开头缓存一个变量试试
[解决办法]
$(this).parents("tr").remove();

热点排行