js分组——html灵活的使用

 /*将时间装入数组arrTime里*/
            for (var i = 0; i < data.list.length; i++) {
                if (data.list[i].LastDownLoadDataTime != null) {
                    arrTime.push(Mail_Common.Convert.dateToString(Mail_Common.Convert.jsonStrToDate(data.list[i].LastDownLoadDataTime)));

                }
            }
            /*对数组arrTime进行去重复操作*/
            for (var i = 0; i < arrTime.length; i++) {
                if (!uq[arrTime[i]]) {
                    uq[arrTime[i]] = true;
                    rq.push(arrTime[i]);
                }
            }
            /*从低到高排序*/
            rq = rq.sort();
            /*反转——从高到低*/
            rq = rq.reverse();

            /*把数组rq数据对列表数据进行比较*/
            for (var i = 0; i < rq.length; i++) {
                strs += '<h1 class="fj-date">' + rq[i] + '</h1>';
                strs += ' <div class="fj-pic">';
                for (var j = 0; j < data.list.length; j++) {

                    time1 = rq[i];
                    time2 = Mail_Common.Convert.dateToString(Mail_Common.Convert.jsonStrToDate(data.list[j].LastDownLoadDataTime));

                    if (time1 == time2) {
                        strs += ' <a href="javascript:;" msgid="' + data.list[j].AutoID + '">' + data.list[j].MailAttachmentFileName + '</a> ';
                    }
                }

                strs += '</div>';
            }

            $(".fj-list").html(strs);

 下面是html灵活使用的写法：实现一样的功能

  for (var i = 0; i < data.list.length; i++) {
                if (data.list[i].LastDownLoadDataTime != null) {
                    var time = WriteEvent.JsonToTime(data.list[i].LastDownLoadDataTime);
                    if ($("h1.fj-date[time='" + time + "']").length == 0) {
                        $(".fj-list").append('<h1 class="fj-date" time="' + time + '">' + time + '</h1>');
                    }
                    if ($("h1.fj-date[time='" + time + "']").next("div.fj-pic").length == 0) {
                        $(".fj-list").append('<div class="fj-pic"></div>');
                    }
                    $("h1.fj-date[time='" + time + "']").next().append('<a href="javascript:;" msgid="' + data.list[i].AutoID + '">' + data.list[i].MailAttachmentFileName + '</a>');
                }
            }