jQuery: Can't update text in a div using $.post

Asked Jul 12 '14 at 19:03

Active Jul 12 '14 at 19:04

Viewed 21 times

I'm trying to get some text to display in a div. This div will appear many times on the page so targeting an ID is out.

This works: it displays the message in the div.

$('.join-div .content a').click(function() {
    $(this).parent().siblings('.message').html('THIS IS A TEST');
});

This does not

$('.join-div .content a').click(function() {

    var data = 'foo=bar';

    $.post('/assets/ajax/join.php',data, function(response) {
        $(this).parent().siblings('.message').html('THIS IS A TEST');
    });
});

I'm not receiving any errors in the console and the php script works; it returns a response and I can alert() it. It looks like $.post is interfering somehow but I can't figure it out.

edited Jul 12 '14 at 19:04

Felix Kling

795,719
175
1,089
1,143

asked Jul 12 '14 at 19:03

timgavin

4,972
4
36
48

1

is ajax call successful?? – Ehsan Sajjad Jul 12 '14 at 19:04
3

I think $(this) is no longer in the proper scope inside of the ajax call. Try using the full selector instead. – Kjeld Schmidt Jul 12 '14 at 19:05
2

Most likely, `this` is being re-bound by the time the AJAX callback fires. Try using `var target=$(this);` and `target.parent().siblings('.message').html('THIS IS A TEST');` – IMSoP Jul 12 '14 at 19:05
@KjeldSchmidt is right – Ehsan Sajjad Jul 12 '14 at 19:06
1

yes, i've stated that at the bottom of the post. i can alert the response. – timgavin Jul 12 '14 at 19:06
var data = 'foo:bar'; – Gjermund Dahl Jul 12 '14 at 19:06
how do i go about marking this as solved? i don't want to take credit for IMSoP's answer. – timgavin Jul 12 '14 at 19:11
I already closed it as duplicate. There is nothing you have to do anymore, unless you disagree that this is a duplicate and want to reopen the question. – Felix Kling Jul 12 '14 at 19:15

jQuery: Can't update text in a div using $.post

0 Answers0