Javascript 如果行是在加载DOM后创建的,则统计表中的行数

Javascript 如果行是在加载DOM后创建的,则统计表中的行数,javascript,jquery,events,Javascript,Jquery,Events,我在加载DOM后创建行,但我想知道如何计算最后一个DOM的行数 我有这个 <script type="text/javascript">//Procesamiento del formulario. $(document).ready(function(){ var cuentaTr = $('#elementos >tbody >tr').length - 1; //Cuenta el número de filas que tiene la t

我在加载DOM后创建行,但我想知道如何计算最后一个DOM的行数

我有这个

<script type="text/javascript">//Procesamiento del formulario.
    $(document).ready(function(){
        var cuentaTr = $('#elementos >tbody >tr').length - 1; //Cuenta el número de filas que tiene la tabla originalmente, es 1.
        $('#agregar').click(function(){ //Clic en el botón que agrega nueva fila.
            cuentaTr++; //Es el número de fila que le corresponde a cada una que se crea.
            var nume = $('#elementos >tbody >tr >td').length; //Obtener el número de celdas
            var capa = document.getElementById("elementos"); //Obtener el elemento con el id elementos
            var tr = ("tr"); //Crear una tag tr
            capa.appendChild(tr); //Agregar la tag al elemento con id elementos.

            var nuevaLetra = "A"; //La variable con la que se le asigna una letra a cada columna.
            for (var i = 1; i <= nume; i++) {
                    $('<td><input type="text" class="prueba" id="'+nuevaLetra+cuentaTr+'" name="columna'+nuevaLetra+cuentaTr+'" required/></td>').appendTo('#elementos'); //Creación de nuevo input. THIS IS THE IMPORTANT!
                    var ASCII = nuevaLetra.charCodeAt(); //Obtener código ASCII
                    var aumento = ((ASCII+1 >= 65 && ASCII+1 <= 90) || (ASCII+1 >= 97 && ASCII+1 <= 122)) ? ASCII+1 : ASCII; //Incremenar la letra
                    var nuevaLetra = String.fromCharCode(aumento); //Tranformar el código a letra.
            };


            if (cuentaTr == 2){
                $('<button type="button" id="eliminame">-</button>').insertAfter('#agregar'); //Creación del botón de eliminación de filas
                };
            });

        $(document).on('click', '#eliminame', function(){ //Función que elimina las filas HERE IS MY DUDE.  
            $('#elementos tbody tr:last').remove(); //I WANT TO REMOVE THE LAST ROW. THIS CODE ELIMINATE ONLY THE ROWS CREATE WHEN DOM LOADED.
            cuentaTr--;
            if (cuentaTr == 1) {
                $(this).remove();
            };
            });



        });


 </script>
//Procesamiento del formulario。
$(文档).ready(函数(){
var cuentaTr=$('#elementos>tbody>tr')。长度-1;//Cuenta el número de filas que tiene la tabla originalmente,es 1。
$(#agregar')。单击(函数(){//Clic en el botón que agrega nueva fila。
cuentaTr++;//这是一个相当于一份工作的地方。
var nume=$('#elementos>tbody>tr>td')。长度;//Obtener el número de celdas
var capa=document.getElementById(“elementos”);//Obtener el elemento con el id elementos
var tr=(“tr”);//Crear una tag tr
capa.appendChild(tr);//Agregar la tag al elemento con id elementos。
var nuevaLetra=“A”//La variable con La que se le asigna una letra A cada columna。

对于(var i=1;i=65&&ASCII+1=97&&ASCII+1
var cuentaTr=$(“#elementos>tbody>tr”)。长度-1;
(已经在您的代码中)应该为您提供行数(减去一)。也许可以做一个调整,以便我们可以调试正在进行的操作?

看起来在如何将tr追加到表中存在一些问题,请尝试

 $(document).ready(function () {
     var cuentaTr = $('#elementos >tbody >tr').length - 1; //Cuenta el número de filas que tiene la tabla originalmente, es 1.
     $('#agregar').click(function () { //Clic en el botón que agrega nueva fila.
         cuentaTr++; //Es el número de fila que le corresponde a cada una que se crea.
         var nume = $('#elementos >tbody >tr:first >td').length; //Obtener el número de celdas
         var capa = $("#elementos"); //Obtener el elemento con el id elementos
         var tr =  $('#tr').appendChild(tr); //Agregar la tag al elemento con id elementos.

         var nuevaLetra = "A"; //La variable con la que se le asigna una letra a cada columna.
         for (var i = 1; i <= nume; i++) {
             $('<td><input type="text" class="prueba" id="' + nuevaLetra + cuentaTr + '" name="columna' + nuevaLetra + cuentaTr + '" required/></td>').appendTo(tr); //Creación de nuevo input. THIS IS THE IMPORTANT!
             var ASCII = nuevaLetra.charCodeAt(); //Obtener código ASCII
             var aumento = ((ASCII + 1 >= 65 && ASCII + 1 <= 90) || (ASCII + 1 >= 97 && ASCII + 1 <= 122)) ? ASCII + 1 : ASCII; //Incremenar la letra
             var nuevaLetra = String.fromCharCode(aumento); //Tranformar el código a letra.
         };


         if (cuentaTr == 2) {
             $('<button type="button" id="eliminame">-</button>').insertAfter('#agregar'); //Creación del botón de eliminación de filas
         };
     });

     $(document).on('click', '#eliminame', function () { //Función que elimina las filas HERE IS MY DUDE.  
         $('#elementos tbody tr:last').remove(); //I WANT TO REMOVE THE LAST ROW. THIS CODE ELIMINATE ONLY THE ROWS CREATE WHEN DOM LOADED.
         cuentaTr--;
         if (cuentaTr == 1) {
             $(this).remove();
         };
     });



 });
$(文档).ready(函数(){
var cuentaTr=$('#elementos>tbody>tr')。长度-1;//Cuenta el número de filas que tiene la tabla originalmente,es 1。
$(#agregar')。单击(函数(){//Clic en el botón que agrega nueva fila。
cuentaTr++;//这是一个相当于一份工作的地方。
var nume=$('#elementos>tbody>tr:first>td')。长度;//Obtener el número de celdas
var capa=$(“#elementos”);//Obtener el elemento con el id elementos
var tr=$('#tr').appendChild(tr);//Agregar la tag al elemento con id elementos。
var nuevaLetra=“A”//La variable con La que se le asigna una letra A cada columna。

对于(var i=1;i=65&&ASCII+1=97&&ASCII+1),一个问题是如果没有父级
,就不能将
附加到
。这可能会导致问题var nume=$(“#elementos>tbody>tr>td”)。length;//Obtener el número de celdas var capa=document.getElementById(“elementos”);//Obtener el elemento con el id elementos var tr=(“tr”);//Crear una tag tr capa.appendChild(tr);//Agregar la tag al elemento con id elementos。在这里我创建了一个父元素,您正在创建它,但将
附加到
#elementos
这里
.appendTo('elementos'))
…不要添加到您创建的
tr
中,然后执行此
。appendTo('elementos tr:last')
因此
进入您刚刚添加的新行so、.appendTo(tr)。好的,很抱歉,我在那里有一个错误xd。但主要的问题不在那里,是down。它给我的tr数比表中实际的要多(总是2。一个tr>th,一个tr>td)。我之所以放-1,是因为1个tr代表th,第二个tr代表td。我不想消除我的th。只有mi tr有8个td。我知道没有问题。问题在$(文档)中。on('click','#eliminame',function()。Hi var tr=$('#tr')。appendChild(tr);如果此时创建了var tr,appendChild如何拥有tr?