关于jquery的this的一点小经验

在写正常的jquery的ajax,是想在获得ajax后在回调函数中对dom做些处理,上代码:

    //增加新项
    $('.btn-add-new-content').click(function () { 
        $(this).attr('disabled', 'disabled');
        var sort_little = $(this).parent().parent().find('.sort').find('.sort_little').html();
        var content = $(this).siblings('input').val();
        var data = "sort_little=" + sort_little + "&sort_big="  + sort_big + "&content="+ content; 
        $.post(appPath + '/Service/addNewContent', data, function(data){
            if(data.status == 1){
                //将新添加的追加到后面
                var str = "<div class='unit'><span><input class='question-checkbox' type='checkbox'/></div>";

                $(this).before(str);   
                $(this).siblings('input').html(''); 
            }else{
                alert(data.content);
            }
            $(this).removeAttr('disabled');
        }); 
    }); 

大体的意思是,点击按钮后,想将按钮置换为不可用状态,然后将文本数据发给服务端进行添加,然后在回调函数中在按钮所处div的前面添加更新的字符串str,然后将按钮置换为可用状态。
本以为没问题,测试了好多次,就是不理睬。我还以为是before方法等用错了,后来测试一下才发下,原来这里的$(this)竟然是undefine。回过头来一想,对啊,这里是回调函数,并且匿名的,当程序在本体的时候,this可以理解是本身,但当进入另外一个函数中后,本体this就变成了相对的,除过另外赋值,否者在回调函数中,解释器根本不明白this是个啥玩意。
但传值是不行的,这是个匿名的函数,所以我打算用值域链。改进的代码:

    $('.btn-add-new-content').click(function () { 
        $(this).attr('disabled', 'disabled');
        var sort_little = $(this).parent().parent().find('.sort').find('.sort_little').html();
        var content = $(this).siblings('input').val();
        var data = "sort_little=" + sort_little + "&sort_big="  + sort_big + "&content="+ content; 
        var $obj = $(this);
        $.post(appPath + '/Service/addNewContent', data, function(data){
            if(data.status == 1){
                //将新添加的追加到后面
                var str = "<div class='unit'><span><input class='question-checkbox' type='checkbox'/></div>";

                $obj.before(str);   
                $obj.siblings('input').html(''); 
            }else{
                alert(data.content);
            }
            $obj.removeAttr('disabled');
        }); 
    }); 

nice,问题解决,在回调函数中可以正确的对按钮本身进行操作和索引~

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值