从一开始就显示点击 div 的次数

Question

我正在使用此代码来计算用户点击具有当前 css 状态的 div 的次数。已选择：

$(this)
    .click(function() {
    $(this);
    var n = $( ".selected" ).length;
    $( ".catched" ).text(n);
})

然后我显示它：

<div data-id="1" class="p001 mix">Div 1</div>
<div data-id="2" class="p002 mix">Div 2</div>

<div id="footer">
    <span class="catched"></span> / 151
</div>

Fiddle

当用户还没有点击任何 div 时，它不显示金额，但当用户点击（任何地方）时它显示金额。我想在用户点击之前显示它。此外，当用户刷新页面时，它需要显示，因为它会记住有多少 divs 有多少 class 用 localstorage 选择。

提前致谢。

Answer 1

加载元素时立即引发 click() 事件以填充值：

$(this).click(function() {
    var n = $(".selected").length;
    $(".catched").text(n);
}).click(); // < add this

Updated fiddle

请注意，这段代码应该在您的 document.ready 处理程序中（我将其修改为在 fiddle 中），而且您单独的 $(this) 语句是多余的，可以删除.

从一开始就显示点击 div 的次数

Display number of times clicked on divs, from the get-go

jquery

count

string-length