Question

jquery中动态向table添加tr，td；添加是添加上了 但是为什么不换行呢

function QueryConfiguration(){
var id = $("#id").val();
$("#ssss").empty();
$("#ssss").append("<tr><td>设备名称</td><td>设备型号</td><td>设备版本</td><td>数量</td></tr>");
$.ajax({
url:"/Test/projectMsgDao.do?method=selectProjectConfiguration",
type:"post" ,
data:{"id":id},
datatype:"json",
success:function(json){
var configuration = eval(eval(json));
$.each(configuration,function(k,val){
var t =val.parameters;
var arr = t.split(';');
//alert(arr.length);
var s = new Array();
for(var i=0;i<arr.length-1;i++)
{alert(arr[i]);
s =arr[i].split(',');
$("#ssss").append("<tr>");
for(var j=0;j<s.length;j++)
{
//alert(s[j]);
$("#ssss").append("<td>"+(s[j])+"</td>");
}

$("#ssss").show();
$("#ssss").append("</tr>");
alert(i);
}
});
}
});
}

Answer 1

两种方式
1：拼接发

var tablehtml ="<table>"
tablehtml+="<tr><td>1</td>" //继续放td
tablehtml+="</tr>" //整个tr可以放入循环中
tablehtml += "</table>"
2 : 直接追加
var tablehtml+="<tr><td>1</td></tr>" //声明tr内容
$("#table").append(tablehtml) //tr放入指定table元素中

Answer 2

将你for循环里面的字符串连起来，只做一次append。
var trString = "<tr>";
for(var j=0;j<s.length;j++)
{
trString += "<td>"+(s[j])+"</td>";
}
trString += "</tr>";
$("#ssss").append(trString).show();