Question

If I have 5 divs like so :

<div id="container">
   <div class="selected"></div>
   <div></div>
   <div></div>
   <div></div>
   <div></div>
</div>

The div that is selected can be changed by clicking another. Now if I refresh the content of the container using ajax call I would like to keep the div selected. How do I acheive this?

I know I can get the selected div by using :

var selectedDiv = $('.selected');

But how do I use this to select it again?

Answer 1

Before you do the Ajax call, get the index of the selected div and store it in a variable:

var selected_index = $('#container div.selected').index();

Then, after you updated the content, use the index to selected the correct div:

$('#container div').eq(selected_index).addClass('selected');