How do I pass the this element to the result of getJSON?

Question

I want to do the following...

    $('.showcomments').click(function()
    {
        $(this).parent().hide();
        jQuery.getJSON('comments.json',function($data)
        {
            $(this).parent().append($data['value']) 
                    //this is meant to be the instance of 
                    //$('.showcomments') that has been clicked
        });
    });

the problem is that the callback of getJSON of course did not inherit the this item... but how do I do what I am intending?

Answer 1

Reference it in a variable:

$('.showcomments').click(function()
{
    var $th = $(this);   // References the clicked .showcomments
    $th.parent().hide();
    jQuery.getJSON('comments.json',function($data)
    {
        $th.parent().append($data['value']); // will reference the correct element
    });
});