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

How to count elements that have been loaded to the page using AJAX

本文关键字：加载 AJAX 元素 何计算 计算      更新时间：2023-09-26

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

在提交表单之前，必须至少有3个这样的"区域"，所以我需要计算某个类的DIV数量。

因为DIV的数量是通过AJAX改变的，所以我不能用之类的东西来计算它们

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

（我猜是因为它们不在DOM中）。

我可以将以上内容用作.load或.ajax函数的一部分（例如：在success:上），这似乎很有效，但由于有很多不同的事情可以改变DIV的数量，是否有一种全局方法可以从验证函数中计算当前文档中出现的次数？

谢谢。

在开始项集合getElementsByClassName:初始化

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

然后在任何时候，你都可以用获得实际的物品编号

console.log(items.length);

这是由于使用了实时NodeList集合。无论页面上发生什么，它都会自动更新，并始终反映事物的实际状态。

此解决方案是IE9+。

相关文章：