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

问题描述

问 题

前端的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的行传到后端，请问怎么才能实现这个功能呢？

解决方案

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);
                });

这篇关于javascript - 如何实现在table中 用append添加的行 自动设置不同的name？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！