javascript - jquery:从ajax调用获取父元素

Question

如何使这段代码起作用？我看不出如何从 $.get 回调中到达 div。

$("<div/>", {
    text: "some text",
    click: function (e) {
        $.get("bar.php", function(data) {
             $(this).text(data); // doesn't work
    });
    }
}).appendTo("body");

Answer 1

在保存对 DIV 的引用的点击处理程序中创建一个变量，并在 $.get 回调中使用该变量。

$("<div/>", {
    text: "some text",
    click: function (e) {
        var $div = $(this);
        $.get("bar.php", function(data) {
             $div.text(data); // should work
    });
    }
}).appendTo("body");