JQuery如何为将递增的类创建循环语句

时间:2016-02-29 07:05:48

标签: jquery

我目前有这些错误检查JQuery函数。 该文档可以有1-100个OrderLines,所以我希望有更清晰的代码并使用循环语句来生成这些错误检查功能。

解决此问题的推荐方法是什么?

    if ($('#cb_OrderLine1_S').val() == 'U') {
        $('.OrderLine1').parent(".dxflGroupBox_Office2010Silver").css('background-color', '#F2A6A6');
        errMessage += "Order Line 1\n";
    }

    if ($('#cb_OrderLine2_S').val() == 'U') {
        $('.OrderLine2').parent(".dxflGroupBox_Office2010Silver").css('background-color', '#F2A6A6');
        errMessage += "Order Line 2\n";
    }

    if ($('#cb_OrderLine3_S').val() == 'U') {
        $('.OrderLine3').parent(".dxflGroupBox_Office2010Silver").css('background-color', '#F2A6A6');
        errMessage += "Order Line 3\n";
    }

1 个答案:

答案 0 :(得分:3)

你可以有一个for循环,你可以将数字作为变量。

//defining start and end points for the loop
var startingPoint = 1;
var endingPoint = 50; 
for(var i=startingPoint;i<=endingPoint;i++){
      if ($('#cb_OrderLine'+i+'_S').val() == 'U') {
            $('.OrderLine'+i).parent(".dxflGroupBox_Office2010Silver").css('background-color', '#F2A6A6');
            errMessage += "Order Line "+i+"\n";
        }
    }