简化jQuery功能

时间:2013-06-05 22:02:39

标签: javascript jquery function simplify

我写了这个函数处理数据,并用相应的数据填充表单。我想知道是否有更好的方法来简单地使用这段代码:

    //Handling of "regular weeks" (no "blackouts" or empty days)
    //Itteration through specific day # to ensure specificity
    for (var a = 0; a < data.days.length; a++) {
        var default_start_time = data.days[a].default_start_time;
        var default_end_time = data.days[a].default_end_time;
        var select_start_time = data.days[a].start_time;
        var select_end_time = data.days[a].end_time;
        var time_chunk = data.days[a].time_chunk_id;

        if (data.days[a].day_of_week_Number == 2) {
            $("#mondayHead").html("Monday");
            $("#mondayDate").html(data.days[a].date);
            $("#mondayStart").html(buid(default_start_time, default_end_time, select_start_time));
            $("#mondayEndTime").html(buid(default_start_time, default_end_time, select_end_time));
            $("#mondayTimeChunkID").val(time_chunk);
            if (data.days[a].comment != null) {
                var subMonday = data.days[a].comment.substring(0, 10);
                //Comment is held not diplayed **to be fixed
                $("#mondayCommentLink").html(subMonday + "..." + "<input type='hidden' id='mondayCommentText' name='mondayCommentText' size='10' value=data.days[a].comment />");
            }
        }

        if (data.days[a].day_of_week_Number == 3) {
            $("#tuesdayHead").html("Tuesday");
            $("#tuesdayDate").html(data.days[a].date);
            $("#tuesdayStart").html(buid(default_start_time, default_end_time, select_start_time));
            $("#tuesdayEndTime").html(buid(default_start_time, default_end_time, select_end_time));
            $("#tuesdayTimeChunkID").val(time_chunk);
            if (data.days[a].comment != null) {
                var subTuesday = data.days[a].comment.substring(0, 10);
                $("#tuesdayCommentLink").html(subTuesday + "...");
            }
        }

        if (data.days[a].day_of_week_Number == 4) {
            $("#wednesdayHead").html("Wednesday");
            $("#wednesdayDate").html(data.days[a].date);
            $("#wednesdayStart").html(buid(default_start_time, default_end_time, select_start_time));
            $("#wednesdayEndTime").html(buid(default_start_time, default_end_time, select_end_time));
            $("#wednesdayTimeChunkID").val(time_chunk);
            if (data.days[a].comment != null) {
                var subWednesday = data.days[a].comment.substring(0, 10);
                $("#wednesdayCommentLink").html(subWednesday + "...");
            }
        }

        if (data.days[a].day_of_week_Number == 5) {
            $("#thursdayHead").html("Thursday");
            $("#thursdayDate").html(data.days[a].date);
            $("#thursdayStart").html(buid(default_start_time, default_end_time, select_start_time));
            $("#thursdayEndTime").html(buid(default_start_time, default_end_time, select_end_time));
            $("#thursdayTimeChunkID").val(time_chunk);
            if (data.days[a].comment != null) {
                var subThursday = data.days[a].comment.substring(0, 10);
                $("#thursdayCommentLink").html(subThursday + "...");
            }
        }

        if (data.days[a].day_of_week_Number == 6) {
            $("#fridayHead").html("Friday");
            $("#fridayDate").html(data.days[a].date);
            $("#fridayStart").html(buid(default_start_time, default_end_time, select_start_time));
            $("#fridayEndTime").html(buid(default_start_time, default_end_time, select_end_time));
            $("#fridayTimeChunkID").val(time_chunk);
            if (data.days[a].comment != null) {
                var subFriday = data.days[a].comment.substring(0, 10);
                $("#fridayCommentLink").html(subFriday + "...");
            }
        }

        if (data.days[a].day_of_week_Number == 7) {
            $("#saturdayHead").html("Saturday");
            $("#saturdayDate").html(data.days[a].date);
            $("#saturdayStart").html(buid(default_start_time, default_end_time, select_start_time));
            $("#saturdayEndTime").html(buid(default_start_time, default_end_time, select_end_time));
            $("#saturdayTimeChunkID").val(time_chunk);
            if (data.days[a].comment != null) {
                var subSaturday = data.days[a].comment.substring(0, 10);
                $("#saturdayCommentLink").html(subSaturday + "...");
            }
        }

    }

我很好奇是否有办法使用两个for循环并迭代通过此函数来更新这些特定值。我觉得拥有一堆if语句并不是一种好的做法,也不是看起来很优雅。

1 个答案:

答案 0 :(得分:4)

有切换/案例这样的事情,但为此天使的对象似乎更合适:

for (var a = 0; a < data.days.length; a++) {
    var default_start_time = data.days[a].default_start_time,
        default_end_time   = data.days[a].default_end_time,
        select_start_time  = data.days[a].start_time,
        select_end_time    = data.days[a].end_time,
        time_chunk         = data.days[a].time_chunk_id,
        days               = {2: 'monday', 3: 'tuesday', 4: 'wednesday', 5: 'thursday', 6: 'friday', 7: 'saturday'},
        today              = days[data.days[a].day_of_week_Number];

    $("#"+today+"Head").html( today.charAt(0).toUpperCase() + today.slice(1) );
    $("#"+today+"Date").html(data.days[a].date);
    $("#"+today+"Start").html(buid(default_start_time, default_end_time, select_start_time));
    $("#"+today+"EndTime").html(buid(default_start_time, default_end_time, select_end_time));
    $("#"+today+"TimeChunkID").val(time_chunk);
    if (data.days[a].comment != null) {
        var subMonday = data.days[a].comment.substring(0, 10);
        $("#"+today+"CommentLink").html(subMonday + "..." + "<input type='hidden' id='"+today+"CommentText' name='"+today+"CommentText' size='10' value=data.days[a].comment />");
    }
}