ポストバック時にjQuery AJAX POSTを開始した同じコントロールをターゲットにする

Question

function pageLoad() { 


     $(".VoteUp").live("click", function() { 
      var Id = $(this).attr("index"); 
      d = JSON.stringify({ "Id": Id }) 
      $.ajax({ 
       type: 'POST', 
       url: '../API/Services.asmx/LikeId', 
       data: d, 
       contentType: 'application/json; charset=utf-8', 
       dataType: 'json', 
       success: testFunc, 
       error: errFunc 
      }); 

      $(".VoteUp").each(function() { 
       $(this).attr("disabled", "disabled"); 
      }); 

     }); 

     function testFunc(result, userContext, methodName) { 
      if (result.d[0] == "true") { 
       TheVoteUpControl.val("added"); 
      } 
      else { 
       TheVoteUpControl.val("deleted"); 
      } 
      $(".VoteUp").each(function() { 
       $(this).removeAttr("disabled"); 
      }); 

     } 
     function errFunc() { 
      alert('error'); 
     } 

成功した場合、同じ.VoteUpコントロールの値を変更するにはどうすればよいですか？イベントを開始した同じコントロールをどのようにターゲットにするのか分かりません。 $（ "。VoteUp"）

提案はありますか？

Answer 1

私が考えることができる唯一の方法は、グローバル変数の要素をキャッシュし、成功のコールバックでそれをキャッチすることです。また、私は有効とそれぞれ

$(".VoteUp").live("click", function (e) { 
     e.preventDefault(); 
     $this=$(this); <-- cache this in the global variable 
     var Id = $(this).attr("index"); 
     d = JSON.stringify({ "Id": Id }) 
     $.ajax({ 
      beforeSend:function(){ 
       $(".VoteUp").attr("disabled", "disabled"); 
      }, 
      type: 'POST', 
      url: '../API/Services.asmx/LikeId', 
      data: d, 
      contentType: 'application/json; charset=utf-8', 
      dataType: 'json', 
      success: testFunc, 
      error: errFunc 
      complete:function(){ 
        $(".VoteUp").removeAttr("disabled"); 
      } 
     }); 
    }); 


    function testFunc(result, userContext, methodName) { 
     if (result.d[0] == "true") { 
      $this.val("added"); 
     } 
     else { 
      $this.val("deleted"); 
     } 


    }