<div> <div id="div2">TEXT</div> </div> <div> <div id="div2">TEXT</div> <!-- select this --> </div> <div id="div1">TEXT</div>Cómo seleccionar div2 que está más cerca de div1
Siguiendo los documentos de w3
id = nombre [CS]
Este atributo asigna un nombre a un elemento. Este nombre debe ser único en un documento.
Así que asegúrese de que la identificación de sus elementos sea única. Puede cambiar a clase en su lugar
Para seleccionar el elemento más cercano al elemento de destino, puede usar Element.closest()
El método más cercano () atraviesa el Elemento y sus padres (en dirección a la raíz del documento) hasta que encuentra un nodo que coincide con la cadena de selección proporcionada. Regresará a sí mismo o al ancestro correspondiente. Si no existe tal elemento, devuelve nulo
<div id="div-01">Here is div-01 <div id="div-02">Here is div-02 <div id="div-03">Here is div-03</div> </div> </div> var el = document.getElementById('div-03'); var r1 = el.closest("#div-02"); // returns the element with the id=div-02