javascript - 如何在同一个变量中组合？

Question

假设我在下面有这个功能：

function highlightRed() {
    setTimeout(function() {
        var grid = $("#grid1").data("kendoGrid");
        var data = grid.dataSource.view();

        $.each(data, function (i, row) {
            var element = $('tr[data-uid="' + row.uid + '"] ');
            if (row.active == "n") {
                $(element).css("background-color", "#F99AA1"); 
            }
        });
    }, 10);
}

在这个函数中，我已经分配了 var grid = $("#grid1").data("kendoGrid");，但现在我有多个 gridID。

var grid = $("#grid1").data("kendoGrid"); 
var grid = $("#grid2").data("kendoGrid"); 
var grid = $("#grid3").data("kendoGrid"); 
var grid = $("#grid4").data("kendoGrid");

如何组合它并grid在同一个函数中使用相同的变量名？相反，我创建了另一个函数。

标签： javascript

Answer 1

您可以将动态数字作为参数传递给您的函数：

function highlightRed(num) {
    setTimeout(function() {
        var grid = $("#grid" + num).data("kendoGrid");
        var data = grid.dataSource.view();

        $.each(data, function (i, row) {
            var element = $('tr[data-uid="' + row.uid + '"] ');
            if (row.active == "n") {
                $(element).css("background-color", "#F99AA1"); 
            }
        });
    }, 10);
}

并像这样调用函数：

highlightRed(1);
highlightRed(2);
highlightRed(3);
highlightRed(4);