您的位置：首页 > 其它

用format()动态添加table中的行

2014-12-01 23:01 239 查看

<html>
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
<title>竞价机票比价结果报表</title>
<script language="JavaScript">

$(document).ready(function(){
{
var obj=new Object();
obj.srcCity="苏州";
obj.desCity="北京";
obj.flightNo="HO1199";
obj.flightTime="17:45";
obj.compareDate=89;
obj.competitorPrice="abc";
obj.same=12;
obj.NSysLag=23;
obj.NVacationLag=24;
obj.a1="";
obj.a2="";
obj.a3="";
obj.a4="";
var args=new Array();
var j=0;
for (var key in obj )
{
args[j++]=obj[key];
}
var str1='<tr>';
var str2;
for(var i =0;i<args.length;i++){
str2=str2+'<td>{'+i+'}</td>';
}
var str3=str1+str2+'</tr>';
$("#myTable").append(str3.format(args));

}
});

String.prototype.format = function(args) {
var result = this;
if (args.length > 0) {
if (args.length == 1 && typeof (args) == "object") {
for (var key in args) {
if(args[key]!=undefined){
var reg = new RegExp("({" + key + "})", "g");
result = result.replace(reg, args[key]);
}
}
}
else {
for (var i = 0; i < args.length; i++) {
if (args[i] != undefined) {
var reg= new RegExp("({)" + i + "(})", "g");
result = result.replace(reg, args[i]);
}
}
}
}
return result;
}

</script>
<style type="text/css">

table
{

border-collapse:collapse;
background-color: #E0E0E0
}

table, th
{
border: 1px solid #000000;
}
td
{
border: 1px solid #000000;
text-align:center;
}
</style>
</head>
<body style="overflow: auto;">
<h3 align="center" > 国内订单机票比价</h3>
<center>

<table id="myTable">

<tr>
<th rowspan="2" style="text-align:center">出发城市</th> <th rowspan="2" style="text-align:center">到达城市</th><th rowspan="2" style="text-align:center">航班号</th> <th rowspan="2" style="text-align:center">出发时间</th>
<td  colspan="3"><b>2014/11/7</b></td>
<td  colspan="3"><b>2014/11/8</b></td>
<td  colspan="3"><b>2014/11/9</b></td>
</tr>
<tr>
<td ><b>同航班</b></td><td><b>N小时内</b></td><td><b>度假N小时内</b></td>
<td><b>同航班</b></td><td><b>N小时内</b></td><td><b>度假N小时内</b></td>
<td ><b>同航班</b></td><td><b>N小时内</b></td><td><b>度假N小时内</b></td>
</tr>

</table>
</center>
</body>

</html>

添加的是下面一行

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航