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

Question

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

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

目前我有：

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

单击过滤器时，会显示可见结果。但是，如果我取消选中过滤器或检查过滤器，则会显示上一个结果之外的可见项目帐户。

例如。这1000件物品。我点击一个复选框。它在页面顶部显示604。我取消选中该复选框，它将显示6041000。

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

谢谢大家。

Answer 1

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

应该做的伎俩。有关详细信息，请参阅jQuery docs。

Answer 2

这是因为您使用了追加功能。它确实会将您提供的内容附加到DOM。我建议指定一个span，然后使用html函数来设置该span的内容。

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