javascript - 使用JS动态设置z-index

我想在单击图标时更改z-index-每次用户单击图标时，index-z均为+1，但是我的代码不起作用：

  $(document).on('click', '.icon-layer-up', function() {
      console.log($(this).parent(".ui-wrapper").css("z-index"));
      var currentIndex = $(this).parent(".ui-wrapper").css("z-index");
      if ( currentIndex = "auto" ) {
        currentIndex = 0;
      }
      var num = currentIndex++;
       $(this).parent(".ui-wrapper").css("z-index", num );
    });

最佳答案

您的问题是var num = currentIndex++;。

currentIndex++将currentIndex递增到currentIndex + 1，但是它将返回原始值，因此num被分配给currentIndex的原始值。只需使用var num = currentIndex + 1。

如果只想添加1，则使用++并不是很好的编码习惯。如果只是添加，请使用+ 1。