如何在具有相同類jquery的特定字段中返回值

Question

如果您有具有相同類但不同值的字段我知道有一種方法可以在jQuery中使用$（this）發送值，但是當返回函數結果時，我想更新已點擊的特定字段？我如何做到這一點$（this）正在改變每個領域與同一個班級。

類是在循環中自動生成的，我不想爲每個字段使用不同的類。

必須有一種方法，我很想念實現這個

這裏是我的代碼。

$(".voteclick").click(function() { 
var dynname = $(this).attr('name'); 
var votevalue = $(this).next().val(); 
$.ajax({ 
    url:'http://localhost/wpcomnt/wp-content/themes/smart-mag-child/subrating.php', 
    type:"POST", 
    data:"dynname=" + dynname + "&" + dynname + "=" + votevalue + "&measure=" + $('#measure').val(), 
    dataType:'json', 
    success:function (mydata) { 
     if(votevalue == 'up') { 

      $(this).val('Agree: ' + mydata); // this must not change every .voteclick field it should change only the clicked one ? 

     } 
     else if(votevalue == 'down') { 
      $(this).val('Disagree: ' + mydata); // this must not change every .voteclick field it should change only the clicked one ? 

     } 
     //$(".voteclick").val('Agree: '+mydata); 
    }, 
    error:function() { 
     $(".errormainbtn").slideDown(); 
    } 
}); 
}); 

請下一個讀評論這一行$(this).val('Disagree: '+mydata);

有許多領域的一次我點擊它，因爲類是相同的，他們被改變，並且自動生成的，請告訴我一個辦法讓我可以改變只有我點擊了類領域是

".votelick" 

Answer 1

正如沃爾夫所說，你需要設置context:this在Ajax調用的選項。默認情況下，在成功功能中，$(this)引用jqXHR對象。如果您的ajax調用處於事件處理函數中，並且您在成功函數中設置了context:this，$(this)，則會引用觸發處理程序的元素。

這裏有一個working example

$(".voteclick").click(function() { 
    var dynname = $(this).attr('name'); 
    var votevalue ='up';//changed for example 
    $.ajax({ 
     url:'test.php',//changed for example 
     type:"POST", 
     context:this, //this is the line you need to add 
     data:"dynname=" + dynname + "&" + dynname + "=" + votevalue + "&measure=" + $('#measure').val(), 
     dataType:'text', //changed from 'json' for my example 
     success:function (mydata) { 
      if(votevalue == 'up') { 
       $(this).val('Agree: ' + mydata); 
      } 
      else if(votevalue == 'down') { 
       $(this).val('Disagree: ' + mydata); 
      } 
     }, 
     error:function() { 
      $(".errormainbtn").slideDown(); 
     } 
    }); 
});