Javascript 向HTML表中添加数组数据

将数据数组添加到表中时出现问题。firebug中没有显示错误消息，并且数据没有使用

$（“#tbNames tr:last”）作为行添加到表中

逻辑（Javascript）

到

错误2

改变

$("#insert_data").click(function() { 
   for(var i=0; i<data.length; i++){ 
        $("#tbNames tr:last").after("<tr><td>" + data[0] + "</td><td>" + data[2] + "</td><td><img src='delete.gif' class='delete' height='15' /></td></tr>"); 
    } 
}); 

$（“#插入_数据”）。单击（函数（）{
对于（var i=0；i数据数组包含：['Coco'，'Mandy'，'Suzze'，'Candy'，'Janny'，'Jacky']

因此，当前您的代码生成：

<tr><td>Coco</td><td>Suzze</td><td><img ...etc></td></tr>
<tr><td>Coco</td><td>Suzze</td><td><img ...etc></td></tr>
<tr><td>Coco</td><td>Suzze</td><td><img  ...etc

CocoSuzze”）；
}
});
这是您的解决方案。找出区别：）

$（文档）.ready（函数（）{
var数据=[]；
数据推送（“Coco”、“Mandy”）；
数据推送（“Suzze”、“Candy”）；
数据推送（“Janny”、“Jacky”）；
$（文档）.ready（函数（）{
$（'#btnAdd'）.live（'click'，function（））{
var name=$（'#txtName'）.val（）；
var name2=$（'#txtName2'）.val（）；
$（“#tbNames tr:last”）。在（“+name+”+name2+”）之后；
});
$（'#tbNames td img.delete'）.live（'click'，function（）{
$（this.parent（）.parent（）.remove（）；
});
$（“#插入#数据”）。单击（函数（）{
对于（变量i=0；i
现在你正在做相反的事情：）@amarplaspure是的，你也有机会增加你的代表分数。你在做什么作业？或者是什么项目？它既不是作业也不是项目。只是想试试我如何玩
表
，以及我是否可以扩展我发现的
表的功能解决方案。我的代码中有2个错误。谢谢你的建议，事实上我注意到我的代码中有2个错误。现在工作正常。谢谢。谢谢你的建议，事实上我注意到我的代码中有2个错误。现在工作正常。谢谢。很高兴知道这一点，但在3分钟前错过了答案：（没关系，我还在想
表旁边该怎么办
。也许你能给我一些想法。
data.push("Coco", "Mandy"); 
data.push("Suzze", "Candy"); 
data.push("Janny", "Jacky"); 

data.push(["Coco", "Mandy"]); 
data.push(["Suzze", "Candy"]); 
data.push(["Janny", "Jacky"]);

$("#insert_data").click(function() { 
   for(var i=0; i<data.length; i++){ 
        $("#tbNames tr:last").after("<tr><td>" + data[0] + "</td><td>" + data[2] + "</td><td><img src='delete.gif' class='delete' height='15' /></td></tr>"); 
    } 
}); 

$("#insert_data").click(function() { 
    for(var i=0; i<data.length; i++){ 
        $("#tbNames tr:last").after("<tr><td>" + data[i][0] + "</td><td>" + data[i][1] + "</td><td><img src='delete.gif' class='delete' height='15' /></td></tr>"); 
    } 
});

<tr><td>Coco</td><td>Suzze</td><td><img ...etc></td></tr>
<tr><td>Coco</td><td>Suzze</td><td><img ...etc></td></tr>
<tr><td>Coco</td><td>Suzze</td><td><img  ...etc

$("#insert_data").click(function() {
  for(var i=0; i<data.length-1; i=i+2){
    $("#tbNames tr:last").after("<tr><td>" + data[i] + "</td><td>" + data[i+1] + "</td><td><img src='delete.gif' class='delete' height='15' /></td></tr>");
    }
});

$(document).ready(function() {
var data = [];
data.push("Coco", "Mandy");
data.push("Suzze", "Candy");
data.push("Janny", "Jacky");


$(document).ready(function() {
    $('#btnAdd').live('click', function() {
        var name = $('#txtName').val();
        var name2 = $('#txtName2').val();
        $("#tbNames tr:last").after("<tr><td>" + name + "</td><td>" + name2 + "</td><td><img src='delete.gif' class='delete' height='15' /></td></tr>");
    });

    $('#tbNames td img.delete').live('click', function() {
        $(this).parent().parent().remove();
    });

    $("#insert_data").click(function() {
        for (var i = 0; i < data.length; i++) {
            $("#tbNames tr:last").after("<tr><td>" + data[i++] 
                 + "</td><td>" + data[i] 
                 + "</td><td><img src='delete.gif' class='delete' height='15' /></td></tr>");
        }
      });
   });
});