在javascript/jquery中创建一个数组并遍历它

creating an array and looping through it in javascript/jquery

本文关键字:一个 数组 遍历 javascript jquery 创建      更新时间:2023-09-26

创建了一个数组。我想把东西推到数组中,当我点击"pic2"时,让它运行"runShadow"函数……我希望这个函数可以显示任何被压入数组的对象:

<script type="text/javascript">
$(document).ready(function () {
    var shadowArray = [];
    function runShadow() { // jquery- ".each"? look this up in stackoverflow!
        console.log("functionWorking!");
        for (var i = 0; i < shadowArray.length; i++) {
            shadowArray[i].animate({
                opacity: 1
            }, 1500, "linear");
        }
    }
    $("#pic1a").click(function () {
        $('#pic2').fadeIn(1500);
        $('#pic1').animate({
            top: -100,
            left: -1000
        }, 1500, "linear");
        $('#pic1a').animate({
            opacity: 0
        }, 1500, "linear");
        $('#pic1b').animate({
            opacity: 0
        }, 1500, "linear");
        $('#pic1c').animate({
            opacity: 0
        }, 1500, "linear");
        $('#pic1d').animate({
            opacity: 0
        }, 1500, "linear");
        $('#pic1e').animate({
            opacity: 0
        }, 1500, "linear");
        $('#pic1f').animate({
            opacity: 0
        }, 1500, "linear");
        shadowArray.push("pic1a");
        console.log(shadowArray);
        console.log("WORKING!");
    });
    $("#pic2").click(function () {
        $('#pic2').fadeOut(1500);
        $('#pic1').animate({
            top: -770,
            left: -800
        }, 1500, "linear");
        runShadow();
    });
});
</script>

try

$("#"+shadowArray[i]).animate(...)