さまざまな要素 (テキスト、写真、装飾要素) を追加するプレゼンテーション ビルダーを構築しています。サイズ変更とドラッグに jquery UI を使用していますが、問題は z-index を操作する方法がわからないことです。
重なり順をソートする機能を追加したいと思います。
要素は動的に追加され、その数に制限はありません。
そのため、すべての要素に対して z-index: 1 のクラスを追加しても役に立ちません。それらを交換可能にする必要があります: 4 つの要素がある場合、4 つのクラスがあります: .el1 {z-index= 1}、.el2 {z-index= 2}、.el3 {z-index= 3}、.el4 {z-index= 4}、そして表面に .el1 を取得したい場合は、z-index:5; を指定する必要があります。
最も効率的な方法でそれを行うにはどうすればよいですか?