0

2 つのテーブルを並べて作成するのに問題があります (ディールまたはノーディール マネー テーブルのシミュレーション)。2列のテーブルが作れるのはわかっていますが、将来的には管理しやすいようにハイテーブルとローテーブルを用意したいと思っています。これが私のコードです：

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");
        } 
    }

そして私のhtml：

<div class='amounts'>
</div>

しかし、2 つのテーブルを並べて表示することはできません (span 要素を作成しても)。div 要素を使用しているかのように見えます。誰かが私を助けることができますか？

4

1 に答える 1

0

これは別の方法である可能性があります。

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);
于 2012-08-03T06:48:49.637 に答える