Изменение z-индекса, чтобы отображаемый элемент div отображался сверху

В моем приложении я могу открыть несколько блоков div, которые перекрывают друг друга. При нажатии на поле это поле должно быть перемещено наверх. Как лучше всего добиться этого?

Единственное, что я могу придумать, - это перебрать все значения z-индекса ящиков, чтобы получить максимальное значение, а затем добавить 1 к этому значению и применить его к выбранному элементу div.

Что-нибудь мне посоветовать?