Alterar o z-index para fazer com que uma div clicada apareça na parte superior

No meu aplicativo, posso abrir várias caixas div que se sobrepõem. Ao clicar em uma caixa, essa caixa deve ser movida para o topo. Qual é o melhor jeito de concluir isso

A única coisa em que consigo pensar é percorrer todos os valores do índice z das caixas para obter o valor mais alto e, em seguida, adicionar 1 a esse valor e aplicá-lo na div clicada.

Algum conselho para mim?

questionAnswers(6)

yourAnswerToTheQuestion