Estoy construyendo html dinámicamente con Ajax.
Este código genera mi tabla:
$(".row-info").append(` <div class="items_container ${value}" id="${value}"> <div class="col-md-2 item_ref">${value}</div> <div class="col-md-6 item_description">${response[0].nombre}</div> <div class="col-md-3"><input type="number" class="form-control" value="1" style="width: 100%; text-align:center" /></div> <div class="col-md-1"><i class="fas fa-trash-alt fa-2x text-danger remove_line" style="cursor:pointer;"></i></div> </div> `); $(".remove_line").on("click", function () { $(".items_container." + value).remove(); $("." + value).click(); });Esta imagen es el resultado de mi tabla creada dinámicamente. Tengo una imagen de basura roja que, si se hace clic, elimina una línea de la tabla.
Necesito hacer eso cuando hago clic en eliminar la casilla de verificación marcada, pero cuando hago clic en esta casilla de verificación, cambia el mensaje.
Probé con: $('.'+value).click(); pero mi problema es que duplique mi entrada en mi tabla, siempre puedo mostrar mi elemento seleccionado. Mi mensaje cambia, porque detecta cuando está marcado o no. Pero nunca quites la línea de mi mesa.
No sé si tengo una mejor solución para hacer esto. Y solucione mi problema.
Currículum: cuando hago clic en la casilla de verificación "OFERTA" en la ventana izquierda, crea un iframe en la derecha. Cuando marco una casilla de verificación en Iframes a la derecha, necesito crear un currículum de tabla en la parte inferior.
Gracias por leer y lo siento por mi inglés.
SOLUCIÓN
$(".remove_line_"+value).on('click', function(){ $(this).closest('.items_container').remove(); if($("."+value).prop('checked', true)){ $("."+value).click(); $("."+value).prop('checked', false); } });