Question

I have some list elements with dynamically id changing. Next i give this id’s to other element, as a class one by one. So, this is my code:

$('#rounded_items li').one({click: function(){
    $('#back_button').addClass(this.id);
}});

and #back_button receives classes 1, 2, 3, 4 from #rounded_items li. How can i grab the last class from back_button and give it to #rounded_items by click.

Is there any possible to give back the last class from element who receives this class?

Answer 1

maybe you can store it as data

$('#rounded_items li').one('click', function(){
    var classes = $('#back_button').attr('class').split(/\s+/);
    var last = classes[classes.length-1];
    $.data($('#back_button')[0],'lastclass',last);
    $('#back_button').addClass(this.id);
});

$('#back_button').click(function(){
    var lastclass = $.data($('#back_button')[0],'lastclass');
    $('#rounded_items').addClass(lastclass);
    var classes = $('#back_button').attr('class').split(/\s+/);
    $.data($('#back_button')[0],'lastclass',classes[classes.length-3]);
    $('#back_button').removeClass(classes[classes.length-1]);
});

you can also try this:

   $('#back_button').click(function(){
        var classes = $('#back_button').attr('class').split(/\s+/);
        $('#rounded_items').addClass(classes[classes.length-2]);
        $('#back_button').removeClass(classes[classes.length-1]);
    });