黑马程序员技术交流社区

标题: 【上海校区】 jquery传参PHP的回调函数无法使用$(this)的解决... [打印本页]

作者: 不二晨    时间: 2018-11-2 09:05
标题: 【上海校区】 jquery传参PHP的回调函数无法使用$(this)的解决...
和同学一起做公益项目,中间用到了jquery。

其中一段的jquery代码是这样的:

$(document).ready(function(){
        $(".btnchange").on("click",function(){
            var value=$(this).attr("name");
            console.log(value)
            $.get("translationOnline.php",
                {
                    name:value
                },
                function(data){
                    $(this)<span style="font-family: Arial, Helvetica, sans-serif;">.parent().html(data);</span>
                });
        })
    })

发现这么写的时候,回调函数根本没有执行反应,连用hide()都没有反应,查了一下问题,发现好像是回调函数里面的$(this)不会指向元素自身。所以做法是在回调函数之前把$(this)对象保存下来:

$(document).ready(function(){
        $(".btnchange").on("click",function(){
            var value=$(this).attr("name");
            var _this=$(this);
            console.log(value)
            $.get("translationOnline.php",
                {
                    name:value
                },
                function(data){
                    _this.parent().html(data);
                });
        })
    })

这样就可以作用了。
---------------------
【转载】
作者:哈哈进步
原文:https://blog.csdn.net/hahajinbu/article/details/50813674



作者: 不二晨    时间: 2018-11-7 09:09
ヾ(◍°∇°◍)ノ゙
作者: 梦缠绕的时候    时间: 2018-11-8 17:10

作者: 魔都黑马少年梦    时间: 2018-11-8 17:11





欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2