quiero contar unos inputs dinamicos que genero con este codigo:
function AgregarPagoFechaVencimiento() {
var fecha = $("#FechaVencimientoPago").val();
var fechaFormato = formato(fecha);
var div = $("<div class='col-sm-3' id='pago"+ fechaFormato +"'>");
var divClose = $("</div>");
var divPago = $("<div class ='form-group'>");
var label = $("<label class='control-label'>Pago " + fecha + "</label>");
var inputPago = $("<input class= 'form-control pago'>").attr("type", "text");
div.append(divPago).append(label).append(inputPago).append(divClose).append(divClose);
return div;
}
Y estoy tratando de contar cuantos hay generados con esto:
var count = $(".form-control pago").length;
console.log(count);
intente esto otro:
var count = $(".pago").length; console.log(count);
y esto:
var count= document.GetElementsByClass(".pago").length;
¿Alguna sugerencia de que pueda implementar para que me regrese la cuenta de cuantos elementos generados hay?
Edit: HTML donde va incrustado el elemento dinamico:
<div class="row m-t-10" id="fechaPagoContainer"></div>
y este es la funcion que manda a llamar a AgregarPagoFechaVencimiento();
function AgregarTextBoxFechaVencimiento() {
var div = GenerarElementosDinamicosFechaVencimiento("");
var pagoFecha = AgregarPagoFechaVencimiento("");
$("#divCompraFechaVencimientoContainer").append(div);
$("#fechaPagoContainer").append(pagoFecha);
$("#FechaVencimientoPago").val("");
$("#btnAgregarFechaVencimientoPago").attr("disabled", "true");
var count = $(".form-control pago").length;
console.log(count);
}