post succès jQuery retour au conteneur parent

Question

je la structure HTML suivant:

<span class="spam"> 
    <button class="spam_button" value="2">Spam</button> 
</span> 

Je suis Tring pour obtenir la réponse à afficher dans la durée de parent, mais je ne peux pas le comprendre.

$('.spam_button').live('click', function() { 
    var spam_id =$(this).val(); 
    $.ajax({ 
     type: "POST", 
     url: "spam.php", 
     data: "spam_id="+spam_id, 
     success: function(html){ 
      $(this).parent().html(html);     
     } 
    }); 
}); 

Answer 1

Vous devez capturer l'élément à l'intérieur de votre fonction de clic. $(this) intérieur du rappel de succès sera le référencement l'objet ajax() et non votre button

$('.spam_button').live('click', function() { 
    var $button = $(this); 
    var spam_id =$button.val(); 
    $.ajax({ 
     type: "POST", 
     url: "spam.php", 
     data: "spam_id="+spam_id, 
     success: function(html){ 
      $button.parent().html(html);     
     } 
    }); 
}); 

Exemple de code sur jsfiddle.

Answer 2

essayez ceci:

$('.spam_button').live('click', function() { 
var $this = $(this); 
var spam_id =$this.val(); 
$.ajax({ 
    type: "POST", 
    url: "spam.php", 
    data: "spam_id="+spam_id, 
    success: function(html){ 
     $this.parent().html(html);     
    } 
}); 

});