Question

我目前正在使用这一行：

$(this).css("z-index", z + 10);

设定的z-index值为1200。

编辑：这是我的变量z = $(this).css("z-index");

在开发者控制台中调试时，我注意到我的z-index值是'120010'，而不是预期的'1210'。

如何更改上面的行以将值增加10，而不是将值连接到结尾。

（我也正在使用那个词吗？我不是100％肯定的）

Answer 1

您可能需要在parseInt()变量上使用z函数。这样的事情应该有效：

z = parseInt($(this).css("z-index"));
$(this).css("z-index", z + 10);

有一点需要注意的是，z-index可以有一个不是数字的值，例如auto如果你在一个元素上运行parseInt() -index是auto，它会中断。

为了解决这个问题，我建议使用zIndex()（jQuery UI的一部分）代替css()，如下所示：

z = $(this).zIndex();
$(this).css("z-index", z + 10);

这当然意味着你必须使用jQueryUI，但如果你已经在使用它，我会推荐这种方法。

编辑：看起来{j}用户界面已删除了zIndex()，所以请坚持我的第一个建议。 http://jqueryui.com/upgrade-guide/1.12/#removed-zindex