在构建器中更改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');

In-case JS，

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