Question

I have 3 items..

div1 – div2 -div3

div1 has class “current” by default.. once a click is made in the form, .current is removed from previous div and added to div2 (the current div)..

    function tab_selection(step)
    {
        $(step).parent().find('.current').removeClass('current');
        $(step).addClass('current');
    }

How can I add a “finished” class to the previous steps?

Answer 1

It’s hard to tell what best solution is because you didn’t post html or what your code flow is, but based on your comment you could try prevAll.

function tab_selection(step)
{
    $(step).prevAll('div').addClass('finished');
    $(step).parent().find('.current').removeClass('current');
    $(step).addClass('current');
}