javascript - 如何在页面上检索多个可见 div 并显示计数

Question

我在页面上有大约 1000 个名为“itemcontainer”的 div。我还有许多复选框，可以让我过滤这些项目。

我想在页面顶部显示“返回结果的数量”。“#”是实际返回的 div 数。

目前我有：

var divCount = $('.item-container:visible').length;
            $('.header').append(contactCount);

单击过滤器时，它会显示可见结果。但是，如果我取消选中某个过滤器或选中另一个过滤器，它会在之前的结果之外显示可见项目帐户。

例如。有1000个项目。我单击一个复选框。它在页面顶部显示 604。我取消选中该复选框，它将显示 6041000。

对此的任何帮助将不胜感激。

谢谢大家。

score 8 · Accepted Answer

$('.header').text(contactCount);

应该做的伎俩。有关更多详细信息，请参阅jQuery 文档。

score 3 · Accepted Answer

那是因为您使用了附加功能。它确实将您提供给它的内容附加到 DOM。我建议指定一个跨度，而不是使用 html 函数来设置该跨度的内容。

var divCount = $('.item-container:visible').length;
$('#counter').html(divCount);

2 回答 2