Lo que te pasa es que no estás obteniendo los nuevos cambios de los nodos y entonces no les agregás el listener al evento. A continuación te dejo dos opciones, una con jQuery (es más sencillo y más si recién estás empezando con javascript) y la otra es con javascript puro que es similar a lo que hace.
Usando jQuery con .on()
// esto es para ejecutar todo lo que esté por dentro una vez
// que cargue el DOM
$(document).ready(function() {
// $('.idEliminar') -> obtiene los elementos con este selector
// .on() -> para capturar el evento
// el primer parámetro es el tipo de evento
// el segundo es otro selector del nodo padre
// el tercero es la función a ejecutar
$('.idEliminar').on('click', '.parent-element', eliminarUsuario);
function eliminarUsuario(evento) {
let _id = evento.target.getAttribute('idAttr')
let opcion = confirm("Esta seguro que desea eliminar?")
if (opcion) {
let nodo = document.querySelector(`#usuario-${cortarCadena(_id)}`)
nodo.parentNode.removeChild(nodo)
}
}
});
Usando javascript y generando una función similar al .on()
function delegate(el, evt, sel, handler) {
el.addEventListener(evt, function(event) {
var t = event.target;
while (t && t !== this) {
if (t.matches(sel)) {
handler.call(t, event);
}
t = t.parentNode;
}
});
}
// uso de la función
delegate(document, 'click', '.parent-element', eliminarUsuario);
function eliminarUsuario(evento) {
let _id = evento.target.getAttribute('idAttr')
let opcion = confirm("Esta seguro que desea eliminar?")
if (opcion) {
let nodo = document.querySelector(`#usuario-${cortarCadena(_id)}`)
nodo.parentNode.removeChild(nodo)
}
}
Fuente de Javascript equivalent to $.on
.idEliminar
y no a los demás (porque estás usandoquerySelector
en lugar dequerySelectorAll
, además de que no se está iterando para asociar el controlador de evento).