javascript - 使用 jQuery 从几个 div 的当前 css 值中减去 1

Question

有谁知道我将如何使用 jQuery 在单击时从多个具有相同类的 div 的当前 css 值中减去 1？我有 5 个同一个类的 div，每个都有自己的 z-index 设置。当我点击一个 div 时，我想从它们的当前值中减去 1。我的目标是在点击设置 z-index 到 100 时将一个 div 向前移动。然后我想在同一次点击时从其他人​​的当前值(无论是什么)中减去 1 以将它们发回。

$('.classname').mousedown(function() {
    $(this).css("z-index", "100");
    $(this).siblings().css("z-index", - 1);
});
  });

此代码只是将所有兄弟节点的 z-index 设置为 -1。谢谢你的帮助。我也乐于接受有关更好的方法的建议。

Answer 1

你可以给 css() 方法一个函数来对当前值执行一些逻辑。试试这个:

$('.classname').mousedown(function() {
    $(this)
        .css("z-index", "100")
        .siblings().css("z-index", function(i, val) {
            return parseInt(val, 10) - 1;
        });
});