jquery - jQuery - 在页面加载后使用函数计数元素

Question

好的，这是此示例的设置：

我有 50 个结果，所以我运行：

function divcount() {
 mycount =  $('div.item').length; 
}

divcount();
$('div#test').append(mycount);

要获得这些结果的计数......然后显示该计数。问题是页面使用 AJAX 调用来过滤结果并从 DOM 中删除 div.item。对于此示例，它被削减为 3 个结果。在鼠标单击（单击激活 AJAX 调用）后，我想计算结果 3，并在#test 中显示 3 个结果……但它使用的是原始的 50 而不是 3。

我想过把：

function updatedivcount() {
 updatedcount =  $('div.item').length; 
}

进入鼠标点击动作，但这不起作用。谢谢！

Answer 1

您需要将更新代码放在调用的success回调中$.ajax()。像这样的东西：

$("#id_of_button").click(function () {
  $.ajax({
    // ...
    success: function (data) {
      // Do something with the results...
      $('div#test').text($('div.item').length);
    }
  });
});