如何在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中的表中插入生成的数据

回答

相关问题