javascript - ページに表示されている div の数を取得してカウントを表示する方法

Question

ページには「itemcontainer」と呼ばれる約 1000 の 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

これは、append 関数を使用しているためです。あなたが与えたものをDOMに追加します。スパンを指定し、html 関数を使用してそのスパンのコンテンツを設定することをお勧めします。

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

2 に答える 2