jquery从后台获取数据,动态遍历渲染页面

 var $viewVideoId = $('#viewVideoId');
        $viewVideoId.children().remove();
        var fileList = '';
        var UTILE = new UtileObj();
        $.each(JSON.parse(res.data).file, function (i, items) {
            if (i < 10) {
                var time = UTILE.formatTime(parseInt(items.starttime), 'mm:ss');
                var duration = items.endtime - items.starttime;
                var minutes = parseInt(duration / 60);
                var minute = minutes >= 10 ? minutes : '0' + minutes;
                var second = duration % 60 >= 10 ? duration % 60 : '0' + duration % 60;
                var str = items.name,index = str .lastIndexOf(".");
                str  = str .substring(0,index);
                console.log(str );
                fileList += '<li class="dd_playbackLi"><div class="pr"><img class="thumbnail" src="http://193.168.0.1/'+str+'_T.jpg" data-src="http://193.168.0.1/' + items.name + '" data-index="' + i + '"/><span class="allTime">' + minute + ':' + second + '</span></div><div class="text_box"><span class="before">前</span><span class="time">' + time + '</span></div></li>';
            }
        });
        $viewVideoId.html(fileList);

猜你喜欢

转载自blog.csdn.net/web_cgh/article/details/80849026