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

Question

我正在使用此代码来计算用户单击具有当前 css 状态的 div 的次数 .selected：

$(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 时，它不会显示金额，但是当用户点击（任何地方）时，它会显示金额。我想在用户点击之前显示它。此外，当用户刷新页面时，它需要显示，因为它记得有多少 div 使用 localstorage 选择了该类。

提前谢谢你。

Answer 1

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

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

Updated fiddle

请注意，此代码应在您的 document.ready 处理程序中（我将其修改为在小提琴中），而且您唯一的 $(this) 语句是多余的，可以删除。