php - ajax函数中使用关键字 `this`问题

Question

好吧，这是我这里的一些疯狂的 jquery 代码。它的作用是访问 php 文件以获取某种结果，然后向下滑动结果，但如果结果已经存在，则向下滑动

$('#compatibility h2').click(function(){
        var clicked = $(this);
        if($(this).hasClass('collapsed'))
        {
            $(clicked).removeClass('collapsed');
            if($($(this)[0].nextSibling).is('ul'))
            {
                $(this).next().slideToggle();
            }
            else
            {
            $.get("getproducts.php", {cid: $(this).attr('id'), did: $("#deviceId").val()},
                  function(data)
                  {   
                    $(clicked).after(data).next().slideToggle(); //adds a <ul> <li> </li> </ul>  
                  });
            }
        }
        else
        {

            $(this).addClass('collapsed');  
            $(this).next().slideToggle();
        }
        //$(this).css('margin','4px 0 7px');
});

现在我的问题有点晦涩，但我想知道为什么当我用关键字 this 替换 clicked 时，代码不会在单击的 h2 之后插入数据。我也想知道我是否使用 jquery 以最好的方式做到这一点。

Answer 1

你为什么要这样做？ var clicked = '#'+$(this).attr('id');?

这应该有效:

var clicked = $(this);