jquery - jquery删除某个值的所有z-index元素

Question

我正在尝试使用 jquery 删除给定选择器中与特定 z-index 匹配的所有 z-index 值。有谁知道如何做到这一点？

谢谢你的帮助！

Answer 1

您可以使用过滤器功能：

$("yourselector").filter(function() {
    return $(this).css("z-index") == 30; //change to your criteria
    //  OR
    //  return this.style.zIndex == 30;
}).css("z-index", ''); //your new zindex

Answer 2

试试这个：

var search = "2"; // Could also be "inherit", etc.
$('.selector').css('z-index', function(i, val) {
    return (val.toString() == search) ? '' : val;
});

看这个演示。

这样，如果z-index元素的 不是 2，那么它就会被单独留下。如果是2，则将其删除；在 jQuery 中，将 CSS 值设置为空白字符串会删除该值并将其推迟到适当的样式表中。

如果您想更改z-index 而不是删除它，只需将空白字符串替换''为新值或变量即可。

_{*编辑为我自己的理智：放弃parseInt()将返回的 z-index 转换为字符串（jQuery 尝试返回一个整数）；通过这种方式，我们可以适应对值的搜索，例如inherit.}