bootstrap 动态生成html,jQuery动态生成Bootstrap表格

效果图如下所示：

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

My JSP 'table.jsp' starting page

tr:hover{

cursor:pointer;

}

$(document).ready(function(){

var data=5;

createTable(".container",data);

}

);

function createTable(div,data){

var $table=$('

');

$("div").append($table);

var $caption=$('

jquery生成bootstrap表格');

$table.append($caption);

var $thead=$('');

var $trs=$('

');

var $th1=$('

姓名');

var $th2=$('

年龄');

$trs.append($th1);

$trs.append($th2);

$thead.append($trs);

$table.append($thead);

for(var i=0;i<10;i++){

var $tr=$('

');

$table.append($tr);

var $td1=$('

张三'+i+'');

$tr.append($td1);

var $td2=$('

2'+i+'');

$tr.append($td2);

$tr.on("click",".td_content2",function(){

});

}

for(var i=0;i

create_tbody();

}

$thread=$('');

}

function create_tbody(){

}