Javascript 如果元素可见，则自动增加步数

正在尝试为窗体自动递增步骤号。表单的某些元素可能会根据上面的答案隐藏或显示
HTML

样本输出

1.
2.

谢谢

怎么样

$('.confirmation-step:visible .step-number').text(function(i) {return i+1;});

$('.confirmation-step').each(function() {
    if($(this).is(':visible')) {
        //set variable stepNum
        //Haven't come up with anything good yet
    } else {}
    $(this).find('.step-number').html(stepNum);
});

<div class="confirmation-step">
    <span class="step-number">1</span>
</div>
<div class="confirmation-step" style="display:none;">
    <span class="step-number"></span>
</div>
<div class="confirmation-step">
    <span class="step-number">2</span>
</div>

$('.confirmation-step:visible .step-number').text(function(i) {return i+1;});