Jquery 从多个表中选择并生成列表

我是作为Jquery的新手问这个问题的

脚本： 我有两张桌子： GridView1和GridView2非常相似，一个包含预期值，另一个包含实际值

<div style="display: none;">
         <div>
    <table class="EU_DataTable" cellspacing="0" rules="all" border="1" id="GridView1" style="border-collapse:collapse;">
        <tbody><tr>
            <th scope="col">Day of Month</th><th scope="col">Expected Amount</th>
        </tr><tr>
            <td>1</td><td>R34&nbsp;627,00</td>
        </tr><tr>
            <td>2</td><td>R72&nbsp;474,00</td>
        </tr><tr>
            <td>3</td><td>R27&nbsp;084,00</td>
        </tr><tr>
            <td>4</td><td>R9&nbsp;268,00</td>
        </tr>
    </tbody></table>
</div>
    </div>

这为我建立了我的列表，我以后将其作为日历样式。我遇到的问题是访问GridView2列并将其添加到构建列表的Jquery中。我尝试了很多方法，要么中断Jquery，要么将第二个表中的每个项添加到每个列表项中：

希望我已经解释了这样一种方式，它是很容易让你知道我在试图做什么。如果没有，请让我知道，我会尝试更深入地了解更好的解释

非常感谢， Mike

试试这个jQuery：

var list = $("#thismonth");

$('#GridView1 tr').each(function(index){
  if(index!=0) // this condition to skip tr for header i.e. containing th elements
  {
    var dayforLi = $(this).find("td:eq(0)").html();
    var amountforLi = $(this).find("td:eq(1)").html();

    var actualAmount= $('#GridView2 tr:eq('+index+')').find('td:eq(1)').html();

    list.append("<li class=cal>" + dayforLi + "<p>Expected: " + amountforLi + "</p><p>Actual: " + actualAmount + "</p></li>");
  }
});

---

如果你能提供你期望达到的目标的提琴或屏幕截图，很难说明你的需要@AminJafari-当然，我会用当前和预期输出编辑问题。@Mike，我用JSFIDLE添加了答案。请检查一下。希望我能一整天都在投票非常感谢你，先生！这正是我想要的。

var list = $("#thismonth");

$('#GridView1 tr').each(function(index){
  if(index!=0) // this condition to skip tr for header i.e. containing th elements
  {
    var dayforLi = $(this).find("td:eq(0)").html();
    var amountforLi = $(this).find("td:eq(1)").html();

    var actualAmount= $('#GridView2 tr:eq('+index+')').find('td:eq(1)').html();

    list.append("<li class=cal>" + dayforLi + "<p>Expected: " + amountforLi + "</p><p>Actual: " + actualAmount + "</p></li>");
  }
});