Jquery:并排的两个表
我很难同时创建两个表(模拟交易或无交易货币表)。我知道我可以创建一个包含两列的表,但我希望有一个高表和一个低表,以便将来易于管理。这是我的密码:Jquery:并排的两个表,jquery,html-table,Jquery,Html Table,我很难同时创建两个表(模拟交易或无交易货币表)。我知道我可以创建一个包含两列的表,但我希望有一个高表和一个低表,以便将来易于管理。这是我的密码: amounts = [0.01, 1, 5, 10, 25, 50, 75, 100, 250, 500, 750, 1000, 2500, 5000, 7500, 10000, 25000, 50000, 75000, 100000, 250000, 500000, 750000, 1000000] var tableString = "<t
amounts = [0.01, 1, 5, 10, 25, 50, 75, 100, 250, 500, 750, 1000, 2500, 5000, 7500, 10000, 25000, 50000, 75000, 100000, 250000, 500000, 750000, 1000000]
var tableString = "<table border=1>";
for (i = 0; i < 24; i ++){
tableString += "<tr><td>";
tableString += amounts[i];
tableString += "</td></tr>";
if (i == 11){
var Table = $(document.createElement('span')).attr("id", "low");
Table.html(tableString + '</table>');
Table.appendTo(".amounts");
tableString = "<table border=1>";
}
if (i == 23){
var Table = $(document.createElement('span')).attr("id", "high");
Table.html(tableString + '</table>');
Table.appendTo(".amounts");
}
}
金额=[0.01,1,5,10,25,50,75,100,250,500,750,1000,2500,5000,7500,10000,25000,50000,75000,100000,250000,500000,750000,1000000]
var tableString=“”;
对于(i=0;i<24;i++){
表字符串+=“”;
表串+=金额[i];
表字符串+=“”;
如果(i==11){
var Table=$(document.createElement('span')).attr(“id”,“low”);
html(表字符串+“”);
表.附录(“.金额”);
表字符串=”;
}
如果(i==23){
var Table=$(document.createElement('span')).attr(“id”,“high”);
html(表字符串+“”);
表.附录(“.金额”);
}
}
和我的html:
<div class='amounts'>
</div>
但我并没有同时得到两个表(即使我创建了span元素)。看起来就像我使用div元素一样。有人能帮我吗?这可能是另一种方式:
var amounts = [0.01, 1, 5, 10, 25, 50, 75, 100, 250, 500, 750, 1000, 2500, 5000, 7500, 10000, 25000, 50000, 75000, 100000, 250000, 500000, 750000, 1000000] ;
function createTable(el, split){
var tableString = "<table border=1>";
for (var i = 0; i < el.length/2; i++){
if(i%split == 0){ tableString += "<tr>"; }
tableString += '<td>'+el[i]+'</td><td>'+el[i+el.length/2]+'</td>';
if(i%split == 0){ tableString += "</tr>"; }
}
tableString += '</table>';
var table = $(tableString);
table.appendTo(".amounts");
}
createTable(amounts, 2);
var金额=[0.01,1,5,10,25,50,75,100,250,500,750,1000,2500,5000,7500,10000,25000,50000,75000,100000,250000,500000,750000,1000000];
函数createTable(el,拆分){
var tableString=“”;
对于(变量i=0;i
您是否使用chrome开发工具或firebug检查dom树?它看起来像什么?您的意思是这样的吗?只需给表格display:inline block
@Raminson yes类似的东西。@Musa如何以及在哪里添加它?