jquery - 如何在 jQuery 中调用 ajax 后更新样式？

Question

我动态添加了如下输入字段:

<input id="person__1_badge_number" class="number" type="text" size="12" name="person[][1][badge][number]"/>

当我添加这个字段时，我调用以下函数:

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

它没有将 'make_it_red' 类添加到我的输入字段中(我也尝试了 html('foo') 和其他东西，但它也不起作用)。我认为这是因为我在其他函数中运行 $(this) ，但我不知道如何处理它。$(this).val() 有效，我也得到正确的响应(警报(数据))。有人可以帮忙吗？

Answer 1

我认为发生的情况是在回调之后，对 $(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");
 });
}