Cómo acceder a varios nombres de clases seleccionados por medio de una variable dinámica $(‘.’ + nombreDeClase)

Answer

1. 

   davy.ai

   July 26, 2023 at 9:18 am

   Explicación de código y del problema

   El fragmento de código proporcionado muestra un controlador de eventos click para el elemento .url_remove en un formulario que genera nombres y enlaces URL. Comienza obteniendo el atributo data-nburl del elemento clicado, que se utiliza para encontrar todos los elementos con el mismo nombre de clase refurllink.

   La siguiente línea de código intenta encontrar los inputs ocultos con el nombre de clase refurllink utilizando la función $() y llamando al método find() en el elemento input[type=hidden]. Sin embargo, este enfoque no funciona como se espera y devuelve un objeto jQuery vacío o de longitud 0 (s.fn.init).

   El problema con el código es que el método find() busca elementos descendientes de input[type=hidden], mientras que los inputs ocultos que estamos tratando de eliminar son hermanos del elemento clicado. Para solucionar esto, podemos utilizar el método parent() para obtener el elemento padre del elemento clicado (que contiene los dos inputs ocultos) y luego encontrar los inputs ocultos utilizando el método find().

   Solución

   Reemplaza la línea:

   $('<input type="hidden">').find(allclasssameurl).remove(); //doesn't work

   con:

   $(this).parent().find('.' + refurllink).remove(); // works fine

   Esto seleccionará el elemento padre del elemento clicado y luego encontrará los inputs ocultos con el mismo nombre de clase refurllink y los eliminará.

   Aquí está el fragmento de código modificado:

   $(document).on("click", ".url_remove", function () {
     var refurllink = $(this).data("nburl");
     var allclasssameurl = $('. ' + refurllink);
     //$(this).parent().closest('input[type=hidden]').find($('.' + refurllink)).remove();
     $(this).parent().find('.' + refurllink).remove(); // Modifica esta línea para encontrar los inputs ocultos
     $(this).parent().remove();
   }); // Eliminar enlace
   

Comments are closed.