用于动态左导航的jQuery/javascript

我正在尝试编写一个脚本，该脚本将生成jQueryUI将接受的标记，以制作手风琴，如下所示

<div id="accordion">
    <h3>2012</h3>
    <div>
        <ul>
        <li><a href="somepage.html?year=2012&month=10">October</a></li>
        <li><a href="somepage.html?year=2012&month=9">September</a></li>
        <li><a href="somepage.html?year=2012&month=8">August</a></li>
        <li><a href="somepage.html?year=2012&month=7">July</a></li>
        <li><a href="somepage.html?year=2012&month=6">June</a></li>
        <li><a href="somepage.html?year=2012&month=5">May</a></li>
        <li><a href="somepage.html?year=2012&month=4">April</a></li>
        <li><a href="somepage.html?year=2012&month=3">March</a></li>
        <li><a href="somepage.html?year=2012&month=2">February</a></li>
        <li><a href="somepage.html?year=2012&month=1">January</a></li>
    </ul>
    </div>
    <h3>2011</h3>
    <div>
        <ul>
        <li><a href="somepage.html?year=2011&month=12>December</a></li>
        <li><a href="somepage.html?year=2011&month=11>November</a></li> 
        <li><a href="somepage.html?year=2011&month=10">October</a></li>
        <li><a href="somepage.html?year=2011&month=9">September</a></li>
        <li><a href="somepage.html?year=2011&month=8">August</a></li>
        <li><a href="somepage.html?year=2011&month=7">July</a></li>
        <li><a href="somepage.html?year=2011&month=6">June</a></li>
        <li><a href="somepage.html?year=2011&month=5">May</a></li>
        <li><a href="somepage.html?year=2011&month=4">April</a></li>
        <li><a href="somepage.html?year=2011&month=3">March</a></li>
        <li><a href="somepage.html?year=2011&month=2">February</a></li>
        <li><a href="somepage.html?year=2011&month=1">January</a></li>
    </ul>
    </div>
</div>

2012












2011

它应该能够输出当年、当前和过去几个月的数据，直到2007年。为了创建这种类型的标记，我需要做什么？伪代码：

var d = new Date();
var yr = Number(d.getFullYear());
for (var i = 2006, i < yr, i++)
{
  //create a H3, div, and a ul
  var mo = d.getMonth();
  //some other for loop on the month to create the li items
  //how to handle date display names?
}

var d=新日期（）；
var yr=数字（d.getFullYear（））；
对于（var i=2006，i

---

jQuery/Javascript中的日期一直是我的致命弱点。

这就是你想要的吗？？尝试DEMO：如果是，那么您必须学习更多内容来改进您的逻辑：）尝试学习jquery

append（）

、如何适应临时变量以及html的模式

var div=$（“”）attr（“id”，“accordion”）； 月份=[]； 月[0]=“一月”； 月[1]=“2月”； 月[2]=“三月”； 月[3]=“4月”； 月[4]=“五月”； 月[5]=“6月”； 月[6]=“7月”； 月[7]=“8月”； 月[8]=“9月”； 月[9]=“10月”； 月[10]=“11月”； 月[11]=“12月”； var d=新日期（）； var yr=数字（d.getFullYear（））； （i=yr；i>2006；i--）{ var m=$（“

”）；

---

对于（j=1；j这很有帮助，可以帮助我做我需要的事情。我知道如何在页面上添加html，或者通过创建一个对象数组并使用模板。这并不是确切的答案，但它让我大部分时间都能做到。我调整了一些for循环来实现我想要的。这就是j举个例子，兄弟。你可以通过自己的方式达到目标。你要做的就是多锻炼：）

var div = $("<div>").attr("id", "accordion");
month = [];
month[0] = "January";
month[1] = "February";
month[2] = "March";
month[3] = "April";
month[4] = "May";
month[5] = "June";
month[6] = "July";
month[7] = "August";
month[8] = "September";
month[9] = "October";
month[10] = "November";
month[11] = "December";
var d = new Date();
var yr = Number(d.getFullYear());
for (i = yr; i > 2006; i--) {
    var m = $("<ul>");
    for (j = 1; j <= 12; j++) {
        m.append(
        $("<a>").attr("href", "somepage.html?year=" + i + "&month=" + j).text(month[j - 1]));
    }
    div.append(
    $("<h3>").text(i), m);
}
$(elementToAppendTo).append(div);​