jQuery zIndex div显示问题

Question

我正在尝试通过 Jquery 设置 z-Index，但我需要除一个名为 importantdiv 的 DIV 之外的每个 DIV 都在 0-100 之间。唯一的问题是 importantdiv 的 z-index 是 40 而不是 510？我的 jquery 代码做错了什么？

<script src="scripts/jquery-1.5.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        var zIndexNumber = 100;
        $('div').each(function() {
            $(this).css('zIndex', zIndexNumber);
            zIndexNumber -= 10;
        });
        $('#importantdiv').css('zIndex', 510);
    });
</script>

Answer 1

试试这个：

$(function() {
    var zIndexNumber = 100;
    $('div').not($('#importantdiv')).each(function() {
        $(this).css('z-index', zIndexNumber);
        zIndexNumber -= 10;
    });
    $('#importantdiv').css('z-index', 510);
});

Answer 2

一方面是：

$(this).css('z-index', zIndexNumber);

不是

$(this).css('zIndex', zIndexNumber);

Answer 3

发生这种情况可能是因为“each”循环函数在一个单独的线程中运行，该线程粉碎了重要的div，因为代码分成了两个线程。您可以在循环内放置一个 If 来检查 importantdiv，如果是则跳过它。