jquery中元素的id不会改变？

Question

即

$("#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
                        }
            });
     }); 

ajax请求后的id，没有从savenew更改为clean，但html完全没问题，所以我知道ajax请求正在工作。你认为问题是什么？

Answer 1

您只需要保存 context （通过 context $.ajax() 的选项），因此 this 仍然引用 #savenew，如下所示：

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

另请注意，这允许你把事情链起来并清理一下。

Answer 2

success: function(){ 中的 $(this) 不引用 $('#savenew')。

正如您在上面一行中所做的那样，您需要通过 id 引用它：

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