在構建器中更改z-index的最簡單方法

Question

我在構建附加不同元素（文本，圖片，裝飾元素）的演示文稿構建器。我正在使用jQuery UI來調整大小和拖動，但問題是我不知道如何操作z-index。

我想添加功能來排序重疊的順序。

元素是動態添加的，它們的數量沒有限制。

所以f.e.如果我添加了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;

如何以最有效的方式做到這一點？

Answer 1

在jQuery，您可以使用.css()動態更改z-index屬性。

像

$(element).css('z-index', '1'); 

套內JS，

var element = document.getElementById(id).style; 
    element.zIndex = 1;