如何实现在table中 用append添加的行 自动设置不同的name？

Question

前端的js代码：

$(document).ready(function () {
                $('.a1').click(function () {
                    var b1 = $('.b1').val();
                    var b2 = $('.b2').val();
                    var newRow = "<tr><td>" + b1 + "</td><td>" + b2 + "</td></tr>";
                    $(".c1").append(newRow);
                });
            });
            
            

我通过append实现了添加行的操作， 但是我想给每个新添加的行赋一个特定不同的的name（比如说我添加了三行，这三个tr的name分别为1 2 3），然后把带有name的行传到后端，请问怎么才能实现这个功能呢？

Answer 1

var flag = 0;
 $('.a1').click(function () {
                    flag++;
                    var b1 = $('.b1').val();
                    var b2 = $('.b2').val();
                    var newRow = "<tr><td>" + b1 + "</td><td>" + b2 + "</td></tr>";
                    $(".c1").append(newRow);
                    $(".c1").addClass(flag);
                });

Answer 2

设置个变量 count = 0; 每次append之后 count++;

Answer 3

把name值放在一个数组中；通过循环tr的长度把数组中值赋值给到对应的tr上就行了。