Actualmente tengo una tabla:
<table>
<thead>
<tr>
<td class="nuevo-td">Forma de pago</td>
<th class="label-cell nuevo-th">Disponible</th>
<th class="label-cell nuevo-th">Seleccionar</th>
<th class="label-cell nuevo-th classCantidad">Cantidad</th>
</tr>
</thead>
<tbody id="formas_pagos" class="formas_pagos"></tbody>
</table>
Dicha tabla la voy llenando dinamicamente de la siguiente forma:
$.each(response.data, function(index,value){
$('<tr>')
.append($('<td/>').addClass('nuevo-td nombrePago').text(value.forma_pago))
.append($('<td/>').addClass('nuevo-td cantPago').text(value.disponible.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,')))
.append('<div class="cod_forma_pago" style="display:none">' + value.cod_forma_pago + '</div>')
.append('<div class="cod_banco" style="display:none">' + value.Cod_Banco + '</div>')
.append('<div class="monto_pago" style="display:none">' + value.monto_pago + '</div>')
.append($('<td/>').addClass('label-cell nuevo-td')
.append($('<label/>').addClass('label-checkbox item-content')
.append('<input type="checkbox" name="tipo_pago" class="tipo_pago" value="' + value.disponible + '"/>')
.append($('<span/>').addClass('item-media').append('<i class="icon icon-form-checkbox"></i>'))))
.append($('<td/>').addClass('label-cell classCantidad')
.append('<input type="number" name="cantidad" class="cantidad" min="1" pattern="^[0-9]+" placeholder="Cantidad">'))
.appendTo(formas_pagos);
});
$(".classCantidad").toggle();
$('td:nth-child(4)').toggle();
Y lo que necesito ocultar es la columna que contiene la clase classCantidad
, estaba intentando con $(".classCantidad").toggle();
y $('td:nth-child(4)').toggle();
pero se siguen mostrando. Dicha columna debe ser oculta al ingresar a la vista por primera vez, ya que dependera el mostrarse si el usuario trae o no un valor de la pantalla anterior.
De antemano muy agradecido.
$(".classCantidad").hide()
? api.jquery.com/hide