Javascript 使用jquery避免重复

如何使用jquery避免数据重复？ 我的代码是：

<button  id="gen">Generate</button>
<table id="report" border="1" style="visibility:hidden">
    <tr>
        <th>Sl.No.</th>
        <th>District Name</th>
    </tr>
</table>

生成
没有。
地区名称

js:

$（“#gen”）。单击（函数（）{
$（“#报告”）.css（“可见性”、“可见”）；
对于（var i=0；i，为了避免重复，您可以简单地更新js，如下所示

$("#gen").click(function(){
$("#report").css("visibility","visible");
$("#report").html('<tr><th>Sl.No.</th><th>District Name</th></tr>');
for(var i=0; i<5; i++)
    {
        var row='<tr><td>('+(i+1)+')</td></tr>'
        $("#report").append(row);
    }
});

$（“#gen”）。单击（函数（）{
$（“#报告”）.css（“可见性”、“可见”）；
$（“#报告”）.html（'Sl.No.District Name'）；
对于（var i=0；i，为了避免重复，您可以简单地更新js，如下所示

$("#gen").click(function(){
$("#report").css("visibility","visible");
$("#report").html('<tr><th>Sl.No.</th><th>District Name</th></tr>');
for(var i=0; i<5; i++)
    {
        var row='<tr><td>('+(i+1)+')</td></tr>'
        $("#report").append(row);
    }
});

$（“#gen”）。单击（函数（）{
$（“#报告”）.css（“可见性”、“可见”）；
$（“#报告”）.html（'Sl.No.District Name'）；
对于（var i=0；i，为了避免重复，您可以简单地更新js，如下所示

$("#gen").click(function(){
$("#report").css("visibility","visible");
$("#report").html('<tr><th>Sl.No.</th><th>District Name</th></tr>');
for(var i=0; i<5; i++)
    {
        var row='<tr><td>('+(i+1)+')</td></tr>'
        $("#report").append(row);
    }
});

$（“#gen”）。单击（函数（）{
$（“#报告”）.css（“可见性”、“可见”）；
$（“#报告”）.html（'Sl.No.District Name'）；
对于（var i=0；i，为了避免重复，您可以简单地更新js，如下所示

$("#gen").click(function(){
$("#report").css("visibility","visible");
$("#report").html('<tr><th>Sl.No.</th><th>District Name</th></tr>');
for(var i=0; i<5; i++)
    {
        var row='<tr><td>('+(i+1)+')</td></tr>'
        $("#report").append(row);
    }
});

$（“#gen”）。单击（函数（）{
$（“#报告”）.css（“可见性”、“可见”）；
$（“#报告”）.html（'Sl.No.District Name'）；
对于（var i=0；i进行以下操作：


$（“#gen”）。单击（函数（）{
$（“#报告”）.parent（）.show（）；
var行=“”；
对于（变量i=0；i<5；i++）{
行=行+'（“+（i+1）+'）”
}
$（“#报告”）.html（行）；
})；

生成
没有。
地区名称
执行以下操作：


$（“#gen”）。单击（函数（）{
$（“#报告”）.parent（）.show（）；
var行=“”；
对于（变量i=0；i<5；i++）{
行=行+'（“+（i+1）+'）”
}
$（“#报告”）.html（行）；
})；

生成
没有。
地区名称
执行以下操作：


$（“#gen”）。单击（函数（）{
$（“#报告”）.parent（）.show（）；
var行=“”；
对于（变量i=0；i<5；i++）{
行=行+'（“+（i+1）+'）”
}
$（“#报告”）.html（行）；
})；

生成
没有。
地区名称
执行以下操作：


$（“#gen”）。单击（函数（）{
$（“#报告”）.parent（）.show（）；
var行=“”；
对于（变量i=0；i<5；i++）{
行=行+'（“+（i+1）+'）”
}
$（“#报告”）.html（行）；
})；

生成
没有。
地区名称
$（“#gen”）。单击（函数（）{
$（“#报告”）.css（“可见性”、“可见”）；
var表=$（“#报告主体tr”）；
对于（var i=0；i
$（“#gen”）。单击（函数（）{
$（“#报告”）.css（“可见性”、“可见”）；
var表=$（“#报告主体tr”）；
对于（var i=0；i
$（“#gen”）。单击（函数（）{
$（“#报告”）.css（“可见性”、“可见”）；
var表=$（“#报告主体tr”）；
对于（var i=0；i
$（“#gen”）。单击（函数（）{
$（“#报告”）.css（“可见性”、“可见”）；
var表=$（“#报告主体tr”）；
对于（var i=0；i您希望避免什么样的重复？我想这就是您所说的-请检查您更新的FIDLE您没有复制任何数据…您每次添加5个新行。如果您不想这样做，也不要每次添加5个新行（只做一次），或在添加新的行之前删除所有行。@Hamza Kubba:你说我确实想要。请给我一个演示。你想避免什么重复？我想这就是你所说的-请检查你更新的小提琴你没有复制任何数据…你每次都要添加5行新行。如果你不想这样做，也不要添加5行新行每次（只做一次），或在添加新的行之前删除所有行。@Hamza Kubba:你说我确实想要。请给我一个演示。你想避免什么重复？我想这就是你所说的-请检查你更新的小提琴你没有复制任何数据…你每次都要添加5行新行。如果你不想这样做，也不要添加5行新行每次（只做一次），或在添加新的行之前删除所有行。@Hamza Kubba:你说我确实想要。请给我一个演示。你想避免什么重复？我想这就是你所说的-请检查你更新的小提琴你没有复制任何数据…你每次都要添加5行新行。如果你不想这样做，也不要添加5行新行每次（只做一次），或者在添加新的行之前删除所有行。@Hamza Kubba:你说我真的想要。请给我一个演示。这和上面的代码有什么不同？我想Jack说的是Sl的复制。No@VigneswaranMarimuthu它的不同之处在于它使用
.html（）
它将替换元素中的所有html，而OPs原始代码仅使用
.append（）
将每一行添加到元素中，这样当他第二次单击时，它会在第一组下再次追加行，复制数据…@bleeted0d：您的代码工作得很好。但在我的问题中，一开始，表是隐藏的，当按钮单击时它必须可见。@jackrose啊，对不起，我在测试时删除了它，忘了放回去，编辑above@DelightedD0D：谢谢..这就是我需要的。！谢谢你为我花时间。这和上面的代码有什么不同吗？我想杰克说的是Sl的复制。No@VigneswaranMarimuthu它的不同之处在于它使用
.html（）
它将替换元素中的所有html，而OPs原始代码仅使用
.append（）
将每一行添加到元素中，这样当他第二次单击时，它会在第一组下再次追加行，复制数据…@bleeted0d：您的代码工作得很好。但在我的问题中，一开始，表是隐藏的，当按钮单击时它必须可见。@jackrose啊，对不起，我在测试时删除了它，忘了放回去，编辑above@DelightedD0