Die ID des Elements ändert sich nicht in jquery?

Question

heißt

$("#savenew").live('click', function(e) { 
       var user=<?php echo $user?>; 
       $.ajax({ 
       type: "POST", 
       url: "actions/sub.php", 
       data:{user: user} , 
       success: function(){ 
        $('#savenew').html('<span>Unsubscribe</span>'); 
    $(this).attr('id', 'clean'); // this my problem my problem 
         } 
      }); 
    }); 

die ID nach dem Ajax-Request, verändert sich nicht von savenew zu reinigen, aber die html ist völlig in Ordnung, damit ich weiß, die Ajax-Anforderung arbeitet. Was thiunk das Problem ist?

Answer 1

Sie müssen nur die context speichern (über die context option for $.ajax()) so this bezieht sich noch auf #savenew, wie folgt aus:

$("#savenew").live('click', function(e) { 
    var user=<?php echo $user?>; 
    $.ajax({ 
    context: this, //add this! 
    type: "POST", 
    url: "actions/sub.php", 
    data:{user: user} , 
    success: function(){ 
     $(this).attr('id', 'clean').html('<span>Unsubscribe</span>'); 
    } 
    }); 
}); 

Beachten Sie auch, dass Sie damit die Dinge ein wenig ketten und säubern können.

Answer 2

$(this) innerhalb success: function(){ bezieht sich nicht auf $('#savenew').

Wie Sie in der Zeile über zu tun, müssen Sie es von ID verweisen:

$('#savenew').attr('id', 'clean');