JQuery: получить родительский элемент из вызова AJAX

Question

Как заставить этот код работать?Я не понимаю, как я могу дозвониться до div из $.get.

$("<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");