检查计数器然后追加jQuery

时间:2019-02-08 21:27:14

标签: javascript jquery

在我看来,我有项目列表,当我单击“编辑”按钮时,该项目的所有信息都会列出。我在桌子的底部有“添加项目”按钮

示例:我单击了“编辑”按钮,将有一个“删除”按钮

Name      Qty   Price
Apple      1    50     Delete Button
Mango      2    100    Delete Button

Add Item Button

当我单击“添加项目”时,它将使用删除按钮添加新项目。所以我现在想要的是第一行,删除按钮将不会显示。

Name      Qty   Price
Apple      1    50     
Mango      2    100    Delete Button

Add Item Button

问题:如何防止在第一行显示删除按钮?

注意:我现在所拥有的是,它给了我一个未定义的

Js

// click function
.....
var counter=0;
$('tbody#my-items tr').each(function(key, value){
counter++
....
if(counter !=  1){
var delete_row;
delete_row += '<button class="btn btn-danger delete-row" data-counter="delete-row-'+counter+'"><i class="fa fa-minus-circle" aria-hidden="true"></i></button>';}
$('tbody#my-items').append(''
 ......
 '<tr>'
  +'<td>'
    +delete_row
  +'</td>' 

0 个答案:

没有答案