javascript - 选择所有 div 但不选择嵌套在特定 div 中的那些 div

Question

我正在使用这个 IE7 z-index 修复器，它会弄乱一些特定的元素。

我要做的是选择所有 div，但不选择嵌套在特定 div 中的 div。

这是我目前正在使用的 jQuery 代码，它没有按预期工作。

<script type="text/javascript">
    $(function() {
        var zIndexNumber = 1000;
        $('div').not('.filter_list_1_container > div').each(function() {
            $(this).css('zIndex', zIndexNumber);
            zIndexNumber -= 10;
        });
    });
</script>

出于某种原因，它只忽略了第一层。如果嵌套的 div 包含一个 div，jQuery 代码也不会忽略它们...

如何忽略“.filter_list_1_container”类中的所有 div？

Answer 1

您可能需要直接子代的后代，因此从选择器中删除 >。

改变

.not('.filter_list_1_container > div')

给 .not('.filter_list_1_container div')

您的代码将是。

$(function() {
    var zIndexNumber = 1000;
    $('div').not('.filter_list_1_container div').each(function() {
        $(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
    });
});