Javascript 如果行是在加载DOM后创建的,则统计表中的行数
我在加载DOM后创建行,但我想知道如何计算最后一个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
<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+1var 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?