ajax 中的this,与操作dom元素中的this

本文解决了在Ajax请求中直接使用$(this)进行DOM操作失败的问题,通过将this赋值给变量,在Ajax成功回调中使用该变量进行DOM操作,实现了删除订单项的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最初使用ajax删除订单项,然后前台一直用
$(this).parents(".cart-con-info").remove()

试图前台js删除订单项效果,各种试都不好使,原来我在ajax中的$(this)已经不是我操作dom元素的那个this了,所以肯定一直不好使

解决办法:把操作dom元素的this赋给一个遍历dom
然后在ajax中使用dom.parents(".cart-con-info").remove()进行删除就行了

//点击删除单个订单项
        $(".mid-chaozuo").click(function () {
            var delPid = $(this).children("a").attr("id");
            var dom = $(this);
            $.ajax({
                url : "../cart/delCartItem.do",
                type : 'post',
                data :{
                    pid : delPid
                },
                success : function (data) {
                    if(data == "success"){
                        console.log(dom.parents(".cart-con-info"));
                        dom.parents(".cart-con-info").remove()
                        console.log("aaa:"+$(this));
                        console.log(dom)
                    }
                }
            });
        })
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值