如何计算使用AJAX加载到页面的元素

时间:2014-10-08 10:01:25

标签: javascript jquery html ajax

我在页面上有一个重复区域,通过jquery(.ajax和.load方法)加载/编辑/删除/添加

这些'区域必须至少有3个区域。在提交表单之前,我需要计算某个类的DIV数量。

因为通过AJAX更改了DIV的数量,我无法使用以下内容来计算它们:

        var numItems = $('.anobjective').length;

(我猜是因为他们不在DOM中)。

我可以将上面的内容用作.load或.ajax函数的一部分(例如:成功:),这似乎有效,但是因为有很多不同的事情可以发生更改DIV的数量,是否有一种全局方法可以计算当前文档中验证函数中出现的次数?

谢谢。

1 个答案:

答案 0 :(得分:0)

在开头项目集getElementsByClassName初始化:

var items = document.getElementsByClassName('anobjective');

然后在任意时刻你可以用

获得实际物品编号
console.log(items.length);

这可以归功于live NodeList collection的使用。它将自动更新,并始终反映实际状态,无论页面上发生什么。

此解决方案是IE9 +。