javascript - 存储 jquery 选择器数组？

Question

下面你可以看到我将 jquery 选择器的结果存储在一个数组中。然后我使用这个数组来执行其他功能。这里的这个例子似乎不起作用，它的行为就好像 var/array 是一个实时选择器，而不是实例化它们时的结果。

function flipIt(elementId){
    if (window.jQuery){
        var thisVisibleArray = $('#' + elementId + ' div:visible');

        var thisInvisibleArray = $('#' + elementId + ' > div:visible');

        $(thisInvisibleArray).slideDown("fast");
        $(thisVisibleArray).slideUp("fast");


        /*
        if ($('#flip1').is(":visible")){
            $('#flip1').slideUp("fast", function(){
                $('#flip2').slideDown();
            });
        } else {
            $('#flip2').slideUp("fast", function(){
                $('#flip1').slideDown();
            });
        }*/
    }
}

Answer 1

为了选择不可见的 div 元素，您必须使用 not 和 not ">"。而且您定义的 2 个变量已经是 jquery 元素数组，因此您不必使用 $()。试试这个

function flipIt(elementId){
if (window.jQuery){


    var thisVisibleArray = $('#' + elementId + ' div:visible');

    var thisInvisibleArray = $('#' + elementId + ' div:not(:visible)');

    thisInvisibleArray.slideDown("fast");
    thisVisibleArray.slideUp("fast");


    /*if ($('#flip1').is(":visible")){
        $('#flip1').slideUp("fast", function(){
            $('#flip2').slideDown();
        });
    } else {
        $('#flip2').slideUp("fast", function(){
            $('#flip1').slideDown();
        });

    }*/
}
}