Jquery 动态创建数据表

嗨，我的朋友们，我怎样才能使这个例子充满活力

请看这张照片

我已经做了，但还没有完全完成，没有工作。 多谢各位

total 50 static count , Names are changing only

 var firstNames = ["Andrew", "Nancy", "Shelley", "Regina", "Yoshi", "Antoni", "Mayumi", "Ian", "Peter", "Lars", "Petra", "Martin", "Sven", "Elio", "Beate", "Cheryl","Michael","Guylene","George","michael","Elio","Sven","Ian","Martin","Yoshi","Guyline","Regina","Beate","Lars","Shelly","Elio","Petra","Cherly","Peter","Antoni","Steven","Adriana","Neomi","Brad","Anthony","Lary","Pit","Adriana","Norton","Daniel","Stefany","Pit","Ivan","Alicia","Demi"];




for (var j = 0; j < 5; j++) { // 5 rows

            dynamicTable += '<tr>';

            for (var n = 0; n < 10; n++)  // 10 cell
            { 
                var name = firstNames[0];// What index should I give here?

                dynamicTable += '<td>';

                dynamicTable += '<div id='+name+'>';

                dynamicTable +="<input type='checkbox' value='"+name+"'>name</input>";

                dynamicTable += '</div>';

                dynamicTable += '</td>';
            }
            dynamicTable += '</tr>';

        }

        dynamicTable += '</table>';
        $('#top-panel').append(dynamicTable);

---

您只需要一个设置索引的计数器

var dynamicTable;
var counter = 0;
var firstNames = ["Andrew", "Nancy", "Shelley", "Regina", "Yoshi", "Antoni", "Mayumi", "Ian", "Peter", "Lars", "Petra", "Martin", "Sven", "Elio", "Beate", "Cheryl","Michael","Guylene","George","michael","Elio","Sven","Ian","Martin","Yoshi","Guyline","Regina","Beate","Lars","Shelly","Elio","Petra","Cherly","Peter","Antoni","Steven","Adriana","Neomi","Brad","Anthony","Lary","Pit","Adriana","Norton","Daniel","Stefany","Pit","Ivan","Alicia","Demi"];

for (var j = 0; j < 5; j++) { // 5 rows
  dynamicTable += '<tr>';
  for (var n = 0; n < 10; n++)  // 10 cell
  { 
    var name = firstNames[counter];// What index should I give here?
    counter++;
    dynamicTable += '<td>';
    dynamicTable += '<div id='+name+'>';
    dynamicTable +="<input type='checkbox' value='"+name+"'>" + name + "</input>";
    dynamicTable += '</div>';
    dynamicTable += '</td>';
  }
  dynamicTable += '</tr>';
}
dynamicTable += '</table>';
$('#top-panel').append(dynamicTable);

---

到底什么不起作用？var name=firstNames[0]；//我应该在这里给出什么索引？我不知道如何绑定数据..在每个单元格中需要添加一个namefirstNames[j*10+n]；非常感谢你，穆德