Tengo una línea, que es una estructura dinámica que se despliega en pantalla cada vez que se le da clic a un botón.
<td>
<input type="text" class="txtivaincluido" id="txtivaincluido" name="txtivaincluido[]" readonly="readonly" value=0 style="width:75px"/>
</td>
<td class="eliminar">
ELIMINAR
</td>
Bajo algunas reglas de negocio, esta línea debe presentarse habilitada, de modo que el usuario pueda ingresar un valor en el text o bien, pueda eliminar dicha fila, dando clic en el texto "ELIMINAR".
El evento click sobre el texto "ELIMINAR" lo manejo con esto:
$(document).on("click",".eliminar",function()
{
El problema que tengo es que para los casos en donde la línea debe presentarse deshabilitada, es decir, que el usuario no pueda ingresar valor en el text, ni que al hacer clic en el texto "ELIMINAR", se elimine la fila, no logro deshabilitar el "ELIMINAR". Lo que hago es lo siguiente:
$(this).find("td:eq(0)").find("input").attr('disabled',true);
$(this).find("td:eq(1)").removeClass("eliminar");
Se deshabilita el input text, pero no se me deshabilita el "ELIMINAR".
Tal como me sugirió @Dev.Joel, incorporé un botón para eliminar la fila, pero tuve que hacer un cambio a la lógica de eliminación de la fila:
$(document).on("click",".eliminar",function()
{
var parent = $(this).parents().get(0);
var parent0 = $(parent).parents().get(0);
var fila=$(parent).attr('id');
console.log(parent);
console.log(parent0);
$(parent0).remove();
Con esto, funciona tal como necesito.
td
y aplicar el mismo procedimiento delinput
?