0

En un formulario que va anidando contenedores hasta llegar a un input, necesito saber como puedo llegar a localizar con javascript el que sería el contenedor principal por así llamarlo. Para cuando de un error ese input en las validaciones, añadirle una clase a ese contenedor principal. Un ejemplo sería:

<div class="contenedor_principal">
   <div class="segundo_contenedor">
      <div class="tercer_contenedor">
         <div class="cuarto_contenedor">
            <input required class="input" type="text" name="input" id="input">
         </div>
      </div>
   </div>
</div>
<div class="contenedor_principal">
   <div class="segundo_contenedor">
      <div class="tercer_contenedor">
         <div class="cuarto_contenedor">
            <input required class="input_dos" type="text" name="input_dos" id="input_dos">
         </div>
      </div>
   </div>
</div>

En este ejemplo lo que necesitaría es saber cuando uno de los dos input tenga un value erróneo, saber como llegar hasta el ".contenedor_principal" de ese input en concreto para a este añadirle una clase.

1
  • 1
    Intenta con el método closest()
    – Triby
    el 25 oct. 2022 a las 15:56

1 respuesta 1

0

El método nodo.closest(selector) asciende desde nodo hasta llegar al nodo que coincida con selector:

let myinput = document.getElementById('input')
let antecesor = myinput.closest(".contenedor_principal")
console.log(antecesor)
1
  • Muchas gracias, no lo conocía. Me ha servido perfecto
    – Iván
    el 26 oct. 2022 a las 8:16

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.