js/jQuery 动态创建表格

        $("#Query").click(function(){
            $("#redFlag").html("");
            var termCode = $("#term").val();
            var termName = $("#term").text();
            var week = $("#week option:selected").val();
            var weekTimes = $("#week").find("option:selected").attr("child");
            $.ajax({
                url:"/nm/nm_getRedFlag.action",
                type:"POST",
                dataType:"json",
                data:{"termCode":termCode,"week":week,"weekTimes":weekTimes},
                success:function(data){
                    $("#redFlag").append("<table id = 'red' class = 'report' style='width:100%' border = '0' act = '1' ></table>");
                    $("#red").append('<caption style="font-size :25px;font-weight:bold;">红领巾 “一日常规”检查公示情况 (第'+weekTimes+'周)</caption><br>');
                    $("#red").append('<tr><td>班级</td><td>教师卫生</td><td>大课间操</td><td>眼保间操(上午)</td><td>午间活动</td><td>桌椅摆放</td><td>红领巾佩戴</td><td>眼保健操(下午)</td><td>放学(班级情况)</td><td>总分</td><td>颁布小红旗</td></tr>');
                if(data != null && data.length != 0){
                    $.each(data,function(i,item){
                        $("#red").append('<tr><td>'+item.className+'</td><td>'+item.JSWS+'</td><td>'+item.DKJC+'</td>'
                        +'<td>'+item.YBJCS+'</td><td>'+item.WJHD+'</td>'
                        +'<td>'+item.ZYBF+'</td><td>'+item.HLJPD+'</td><td>'+item.YBJCX+'</td><td>'+item.FX+'</td>'
                        +'<td>'+item.allScore+'</td><td>'+item.flag+'</td></tr>');
                    });
                    }
                    //遍历最后一列所有  
                    var trs = $('#red tr');
                    $.each(trs,function(){
                        var td = $(this).find('td:last');
                        if(td.text() == "1"){
                            td.html('<img src = "<%=request.getContextPath()%>/JE/resource/redFlag/redFlag.png" width="25px" height="25px" class="giveFlag" />')
                        }else if(td.text() == "0"){
                            td.html('<img src = "<%=request.getContextPath()%>/JE/resource/redFlag/grayFlag.png" width="25px" height="25px" class="giveFlag" />')
                        }
                    })
                },
                error:function(){
                    alert("查询出错,请联系管理员")
                }
               });
        });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值