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"