javascript - 将 if 语句变成循环

Question

我有 3 个图表需要重新绘制。

这是我必须执行的代码:

var arrOfChartContainers = ["TopLeft","TopRight","BottomLeft"];


var myAutoRefresh = setInterval(function(){
    if($("#TopLeft_chartConfig").css("display")==="none"){
        drawChart("TopLeft");
    }else{
        clearInterval(myAutoRefresh);
    }
},3000);

我不想再复制两次并重新绘制其他两个图表。如果我想在一个时间间隔内同时执行这三个操作，如何循环浏览我的图表？

Answer 1

使用$.each :

$.each(arrOfChartContainers, function(index, entry) {
    $("#" + entry + "_chartConfig").doSomethingWithItHere();
});

例如:

$.each(arrOfChartContainers, function(index, entry) {
    var $chart = $("#" + entry + "_chartConfig");
    if ($chart.css("display") === "none") {
        drawChart(entry);
    }
});

可能值得更改 drawChart 以直接接受 jQuery 对象，而不是间接使用名称。