javascript - 刷新后如何选择相同的div

Question

如果我有 5 个像这样的 div:

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

选中的 div 可以通过点击另一个改变。现在，如果我使用 ajax 调用刷新容器的内容，我想保持选中的 div。我如何实现这一点？

我知道我可以使用以下方法获取选定的 div:

var selectedDiv = $('.selected');

但是我如何使用它来再次选择它呢？

Answer 1

在执行 Ajax 调用之前，获取所选 div 的索引并将其存储在变量中:

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

然后，在更新内容后，使用索引选择正确的 div:

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