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

最新推荐文章于 2021-09-15 16:43:21 发布

原创最新推荐文章于 2021-09-15 16:43:21 发布 · 323 阅读

0 ·

CC 4.0 BY-SA版权

填坑之路专栏收录该内容

11 篇文章

订阅专栏

本文解决了在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)
                    }
                }
            });
        })