如何在jquery中的表中插入生成的數據

我需要將我生成的數據插入到表和錶行中。正如你所看到的，它只有一個邊框。我需要它看起來整潔。任何想法如何做到這一點？如何在jquery中的表中插入生成的數據

這是我一直在玩代碼：

HTML：

<input id="from" /> 
<input id="to" /> 
<button id="getBetween">Get Between Dates</button> 
<div id=""></div> 
<input type="text" id="count" /> 


<table border="1" > 
    <tr id="results"> 
     <td></td>  
    </tr> 
</table>

的Jquery：

(function() { 
    Date.prototype.toYMD = Date_toYMD; 
    function Date_toYMD() { 
     var year, month, day; 
     year = String(this.getFullYear()); 
     month = String(this.getMonth() + 1); 
     if (month.length == 1) { 
      month = "0" + month; 
     } 
     day = String(this.getDate()); 
     if (day.length == 1) { 
      day = "0" + day; 
     } 
     return year + "-" + month + "-" + day; 
    } 
})(); 

$("#from").datepicker(); 
$("#to").datepicker(); 


$('#getBetween').on('click', function() { 
    var start = $("#from").datepicker('getDate'); 
    var end = $("#to").datepicker('getDate'); 
    var currentDate = new Date(start); 
    var between = []; 
    // alert(start); 
    // alert(end); 

    while (currentDate <= end) { 
     var a = new Date(currentDate); 
     var b = a.toYMD(); 
     between.push(b); 
     currentDate.setDate(currentDate.getDate() + 1); 

    } 

    $('#results').html(between.join('</br></table> ')); 
    $('#count').val(between.length); 
});

感謝，並有一個愉快的一天！

來源

2014-09-01 jjydummya

簡單的連接將不起作用。嘗試：

var res = ''; 
between.forEach(function (s) { 
    res += '<td>' + s + '</td>'; 
}); 
$('#results').html(res);

來源

2014-09-01 14:20:25 beautifulcoder

嗨。感謝您的答覆。你的代碼有效。但是如果我想讓桌子垂直而不是水平呢？這是我的小提琴。 http://jsfiddle.net/TMsXM/240/ – jjydummya 2014-09-02 01:21:56

您可以創建元素HTML電子郵件附加你的桌子上後（#results）

請看下圖：

var table = $('#results'); 

for (var i in between) { 
    var line = $(document.createElement("tr")), 
     column = $(document.createElement("td")); 

    column.text(between[i]); 

    line.append(column); 

    table.append(line); 
}

我分開的方法的調用，方便的意圖代碼，但它可能是這樣的：

for (var i in between) { 
    var line = $(document.createElement("tr")), 
     column = $(document.createElement("td")); 

    table.append(line.append(column.text(between[i]))); 
}

希望幫助！

[]的

來源

2014-09-01 14:22:12

如何在jquery中的表中插入生成的數據

回答

相關問題