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

Question

尝试自动增加表单的步骤号。表单的某些元素可能会隐藏或显示，具体取决于上面的答案。
HTML

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

jQuery

$('.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>

谢谢!

Answer 1

怎么样

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

FIDDLE