inside - jQuery: prev(<selector>) no funciona?

parent jquery

Question

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 saltando sobre <hr>

active = active.prev(''section'') no parece estar funcionando. Creo que puedo estar leyendo mal los documentos ...

Si saco el <hr> todo funciona a la perfección. ¿Alguna idea sobre cómo omitir <hr> en prev ()?

TIA

Answer 1

Creo que puedo estar leyendo mal los documentos ...

Los documentos API para .prev() dan esta descripción:

Descripción: Obtenga el hermano inmediatamente anterior de cada elemento en el conjunto de elementos emparejados, opcionalmente filtrado por un selector.

Entonces, el problema es que la hr está allí y está siendo buscada por .prev() , luego probada contra el selector de ''section'' .

¿Alguna idea sobre cómo omitir <hr> en prev ()?

Puede llamar a .prev() una vez para saltar esa hr luego volver a llamar para la sección:

active = active.prev().prev(''section'');

O use .prevAll() y busque la más cercana-anterior (en caso de que haya otras secciones antes de ella):

active = active.prevAll(''section'').first();

Answer 2

O tratar:

<section id="about">
    ...
<hr>
</section>
<section id="contact">
    ...
</section>

Answer 3

Use prevAll () en su lugar

active = active.prevAll(''section'')

De la documentación de jQuery:

prev () => "Obtener el hermano inmediatamente anterior", por lo que solo obtendrá el primer elemento, por eso cuando elimina <hr> , funcionará.