Ajax (this) not working

Question

When attempting to access the \'.box\' class of the $container, using (this) inside of the ajax call doesn\'t work.

$container.on(
        \"click\",
               


        

Answer 1

You're close. 'this' in the context you are using it, refers to the ajax request rather than the thing that issued the event. To fix this, store a copy of this before making the ajax request:

                   }else{
                        var me = this;
                        $.ajax({
                            ...
                            success: function(data){
                                description = data[0];
                                $(me).css('width', '70%');

Answer 2

Just add this to your $.ajax call...

context: this,

...and it'll work.

---

$.ajax({
    context: this, // <-- right here
    url:'scripts/php/fetchResultsData.php',
    data: {action:value},
    type: 'post',
    dataType: 'json',
    success: function(data) { // ...