jQueryの成功ポストバック親コンテナ

Question

に私は、次のHTML構造を有する：

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

を私は親のスパンで表示する応答を取得するにはトリングんだけど、私はそれを把握することはできません。

$('.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

クリック機能の中に要素を取り込む必要があります。成功コールバックの内側$(this)はjsfiddle上ご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);     
     } 
    }); 
}); 

コード例ajax()オブジェクトを参照していないことになります。

Answer 2

は、これを試してください：

$('.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);     
    } 
}); 

}）。