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; 
}

进入mouseclick动作，但是没有用。谢谢！

Answer 1

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

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

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

1 个答案: