在jQuery中调用ajax后如何更新样式?

我认为在回调之后,对$(this)的引用丢失了。试着这样做:

function please_rebind() {
  $('.number').bind("change", function() {
    var that = $(this);
    $.post('/registration/sell/check_badge_number', { number: $(this).val() },
    function(data) {
      that.addClass('make_it_red');          
    }, "html");
 });
}

您可以按id引用元素:

$('#person__1_badge_number').addClass('make_it_red');

此外,这取决于您动态插入元素的方式,例如,如果您只是将元素作为字符串附加到某个div,那么它可能不会绑定到DOM。

 function please_rebind() {
  $('.number').bind("change", function() {
    var elementId = this.id;
    $.post('/registration/sell/check_badge_number', { number: $(this).val() },
    function(data) {
      $('#' + elementId).addClass('make_it_red');
      alert(data);
    }, "html");
 });
}