隐藏z-index小于1的所有元素

Question

我试着编写一个jquery代码，它隐藏了z-index小于1的所有元素。我没有任何想法从哪里开始。

Answer 1

("*").filter(function() {
    var zindex = $(this).css("z-index");
    return (zindex !== undefined) && zindex < 1;
}).hide();

Answer 2

我这样做：

$('body *').css('display', function() { // don't hide the head / body / html tag
    return this.style.zIndex > 0 ? this.style.display : 'none';
});

Answer 3

最简单的方法是编写过滤函数。然后在每个上调用hide。

$("div").filter(function(){
    return $(this).css('z-index') <= 1;
}).each(function(){ $(this).hide() });