使用jQuery循环在html表中显示工作日

使用jQuery循环在html表中显示工作日,jquery,html,each,weekday,Jquery,Html,Each,Weekday,目前,我在一个表格中显示了各种天气参数,我还希望在第一列中显示当天和接下来的六天 我开始创建这样的工作日: // Make variables for every weekday var d = new Date(); var weekday = new Array(7); weekday[0] = "Sunday"; weekday[1] = "Monday"; weekday[2] = "Tuesday"; weekday[3] = "Wednesday"; weekday[4] = "Th

目前,我在一个表格中显示了各种天气参数,我还希望在第一列中显示当天和接下来的六天

我开始创建这样的工作日:

// Make variables for every weekday
var d = new Date();
var weekday = new Array(7);
weekday[0] = "Sunday";
weekday[1] = "Monday";
weekday[2] = "Tuesday";
weekday[3] = "Wednesday";
weekday[4] = "Thursday";
weekday[5] = "Friday";
weekday[6] = "Saturday";

var today = d.getDay();
我的桌子看起来像这样

$('#weakly-table').append('<tr><td>Day</td><td>Temperature</td> <td>Description</td> <td> Pressure </td> <td> Humidity </td> <td> Wind speed </td> </tr>') 

    $.each(weaklyWeather.list, function(index, weather) {
    $('#weakly-table').append('<tr><td>' + weekday[today] + '</td><td>' + Math.round(weaklyWeather.list[index].temp.day) + '&#176C  &nbsp</td> <td> <img src="http://openweathermap.org/img/w/'+ weaklyWeather.list[index].weather[0].icon+'"/>' + '</td> <td>' + Math.round(weaklyWeather.list[index].pressure) + ' Pa' + '</td><td>' + Math.round(weaklyWeather.list[index].humidity) + ' %' + '</td><td>' + Math.round(weaklyWeather.list[index].speed) + ' m/s' + '</td></tr>');
$(“#表”).append('daydemperature Description Pressure湿度Wind speed'))
$.each(weaklyWeather.list,函数(索引,天气){
$(“#弱表”).append(“”+工作日[今天]+“”+数学.round(weaklyWeather.list[index].temp.day)+“&”176C+Math.round(weaklyWeather.list[index].pressure)+“Pa”+“”+数学.round(weaklyWeather.list[index].湿度)+“%”+数学.round(weaklyweaklyweather.list[index].speed)+“m/s”+”;
我不希望在第一列中为每一行写上weekday[today],而是希望它是weekday[today+1],weekday[today+2]等等,但这将给我第二天的每一行


有什么建议吗?

如果您只想遍历数组,就不需要使用jQuery。一个普通的JavaScript
for
循环就可以了

for(var i=0;i<weekdays.length;i++){
   console.log(weekdays[i]); //logs the i'th weekday
}

用于(var i=0;我想快速回答。我应该在每次循环的第一个循环中使用什么命令来获取下一个日期?使用docuemnt.innerHTMl och.write将覆盖我的整个页面。我想我仍然需要我的每个循环来检索API。@MarkusOlsson老实说,我不会通过混合HTML和J来混合我的演示和业务逻辑avaScript就是这样。如果你开始在HTML上执行字符串操作,那你的日子就不好过了。下面是一个例子(当然大部分数据都没有填充)使用KnockoutJS。注意您如何编写HTML并告诉knockout将其绑定到什么,而不是执行那种字符串操作。您可以像这样保持代码的整洁。@MarkusOlsson最终解决了您的问题吗?您还有其他问题吗?这看起来很不错,而且我以前没有接触过KnockoutJS,可能值得一看我的应用程序(从ruby应用程序开始)中的棘手部分我的表不支持从一开始就可见,它是在用户单击我的搜索按钮和我的getWeather函数启动并执行所有api调用和html操作后创建的。我想这不是最终的解决方案(显然)。我需要在api值存在的同时将天数放入表中。我确实临时解决了这个问题,将每个循环中的索引值添加到数组中,数组在某种程度上起到了“今天+”的作用^^
var today = 2; //Tuesday
var numDays = weekday.length;
for(var i=0;i<numDays;i++){
   console.log(weekday[(i+today) % numDays]); 
}