Javascript 在生成器中更改z索引的最简单方法

我正在构建演示文稿生成器，在其中添加不同的元素（文本、图片、装饰元素）。我使用jQueryUI来调整大小和拖动，但问题是我不知道如何操作z索引

我想添加一些功能来排序重叠的顺序

元素是动态添加的，并且它们的数量没有限制

所以，如果我为我的所有元素添加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

---

如何以最有效的方式执行此操作？

在jQuery中，可以使用动态更改

z-index

属性

像

如果是JS

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

---

你对操纵z索引的意思是什么？什么时候会这样

jQuery（'element'）.css（'z-index'，'your z-index'）

？但如果我为所有元素添加z-index:1的类，它将不会帮助我。我需要它们是可交换的：如果我有4个元素，我有4个类：z-index=1，z-index=2，z-index=3，z-index=4，如果我想在曲面上得到元素1，我必须给它一个z-index:5；

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