利用js在页面某处添加特定内容

假设我在前台搜索文件，将前台要搜索的内容传到后台进行操作，然后将后台的查询结果显示在页面上，假设设置一个<div id="list1"></div>，将查询结果放在list1的ID下面：

var maxid=1;
var newid=2;
var tmp="hello:world:bye:world";
	function load()  //页面载入执行
	{
		
				for(i=0;i<10;i++)
				{
					$("#list"+maxid).after("<div id=\"list"+newid+"\"> <a href=\"#\">path:"+tmp.split(":")[0]+"&nbsp; type:"+tmp.split(":")[1]+"&nbsp; name:"+tmp.split(":")[2]+"&nbsp; size:"+tmp.split(":")[3]+"</a> </div>");
					maxid = maxid + 1;
					newid = newid + 1;
							
				}
//或者是将要写入的内容放到一个var hehe=""; 
//hehe+=("<ul id=\"list"+newid+"\" class=\"ui-state-default ui-corner-all\"><img src=\"images/page.gif\" /><a href=\"#\" onclick=\"opendir(\'"+ tmp.split(":")[1]+":"+tmp.split(":")[2] +"\')\">"+tmp.split(":")[2]+"&nbsp; size:"+tmp.split(":")[3]+"</a> </ul>");   $("#list1").after(hehe);
}

要注意，ID要有变化，同时，可以设置class，使得各条目之间显示的样式相同。同时值得注意的是"在string中要用\"。