Tengo problemas para usar prev() en jQuery donde no está seleccionando el elemento correcto.
Mi estructura HTML es la siguiente:
<section id="about"> ... </section> <hr> <section id="contact"> ... </section> La sección "activa" es #contacto. Quiero seleccionar la sección anterior saltándome el <hr>
active = active.prev('section') no parece estar funcionando. Creo que puedo estar leyendo mal los documentos ...
Si saco el <hr> todo funciona maravillosamente. ¿Alguna idea sobre cómo omitir <hr> en prev()?
AIT
Creo que puedo estar leyendo mal los documentos ...
Los documentos API para .prev() dan esta descripción:
Descripción: Obtiene el hermano inmediatamente anterior de cada elemento en el conjunto de elementos coincidentes, opcionalmente filtrado por un selector.
Entonces, el problema es que la hr está allí y está siendo buscada por .prev() , luego se prueba con el selector 'section' .
¿Alguna idea sobre cómo omitir
<hr>en prev()?
Puede llamar a .prev() una vez para omitir esa hr y luego volver a llamarlo para la sección:
active = active.prev().prev('section'); O use .prevAll() y busque el anterior más cercano (en caso de que haya otras secciones antes):
active = active.prevAll('section').first();Use prevAll() en su lugar
active = active.prevAll('section').first();de la documentación de jQuery:
prev() => "Obtener el hermano inmediatamente anterior" , por lo que solo obtendrá el primer elemento.
prevAll() => "Obtener todos los hermanos anteriores de cada elemento en el conjunto de elementos coincidentes, opcionalmente filtrados por un selector".
Es por eso que cuando elimina el <hr> , funcionará con prev() .
O tratar:
<section id="about"> ... <hr> </section> <section id="contact"> ... </section>