html+向ul追加li内容,html- ul追加li

html:

导入项目材料

已选择的文件 :)

方法:

$("#importMaterials").click(function() {

$("#filepath").click();

});

function selectTicket(event) {

$("#ulelement li").remove();

var files = event.target.files;

var ulId = document.getElementById('ulelement');

for(var i = 0; i < files.length; i++) {

var file = files[i].name;

console.log(file);

var aLi = document.createElement('li');

aLi.setAttribute("class", "list-group-item");

aLi.innerHTML = file;

ulId.appendChild(aLi);

}

}

分页思路:

⭐html:

序号

^.^

id

projectName

createTime

updateTime

多项删除

⭐步骤

//第一步:pagination class对象

var ulitem = $("#ulelement");

//第二部: 清空对象内html内容. //$(".pagination li").remove();

$(".pagination li").remove();

$("#tbody tr").remove();

//第三部:ajax請求内容

$.ajax({

type : "get",

url : "/data/projectList/" + num,

data : num,

datatype : "json",

async : false,

success : function(data) {

console.log(data.rainbow);

console.log(data);

for (var i = 0; i < data.rainbow.length; i++) {

item += htmlValueTag(data.rainbow[i]);

}

console.log(item);

for (var i = 0; i < data.data.length; i++) {

liItemArr[i] = data.data[i];

}

}

});

//使用htmlValueTag方法添加html内容.

for (var i = 0; i < liItemArr.length; i++) {

var tritem = $("

"

+"⭐"+(i+1)+""

+ ""

+ ""+ liItemArr[i].id+ ""

+ ""+ liItemArr[i].projectName+ ""

+ ""+renderTime( liItemArr[i].createTime)+ ""

+ ""+renderTime( liItemArr[i].updateTime)+ ""

+ "删除"+ "");

/* + ""+ ""); */

//var $table = $('table tbody');

$("#tbody").append(tritem);

}

$("#ulelement").append(item);

⭐转时间格式:

function renderTime(date) {

var dateee = new Date(date).toJSON();

return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')

}

由 "2019-01-03T00:18:21.000+0000" 转 "2019-07-02 14:11:57"