Question

jquery动态生成表格

var str="张山&男&浙江宁波--李四&女&湖南长沙--王五&男&浙江杭州--李六&男&山东青岛";
<table border="0" cellspacing="0" cellpadding="0" id="tab" >
<thead>
<tr>
<th style="width:60px;">序号</th>
<th >姓名</th>
<th >性别</th>
<th >暂住地</th>
<th >修改</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
请问像这样的要怎么样把str里值到的值，怎么样用jquery动态插入到表格<tbody>里呢，最好能点击每行的修改时，能够得到该行的姓名，谢谢

Answer 1

var str = "张山&男&浙江宁波--李四&女&湖南长沙--王五&男&浙江杭州--李六&男&山东青岛";
var infos = str.split("--");
var html="";
for(var i=0;i<infos.length;i++){
    var info=infos[i].split("&");
    var num = i+1;
    html+="<tr><td>"+num+"</td><td>"+info[0]+"</td><td>"+info[1]+"</td><td>"+info[2]+"</td><td><input type='button' value='修改' name='"+info[0]+"'/></td></tr>";
}
$("#tab").find("tbody").append($(html).find("input").click(function(){
    alert($(this).attr("name"));
}));

Answer 2

看看