jQuery: prev(<selector>) not working?

I think I may be reading the docs wrong...

The API docs for .prev() give this description:

Description: Get the immediately preceding sibling of each element in the set of matched elements, optionally filtered by a selector.

So, the problem is that the hr is there and being searched by .prev(), then tested against the 'section' selector.

---

Any ideas on how to skip the <hr> on prev()?

You could call .prev() once to skip over that hr then call it again for the section:

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

Or use .prevAll() and find the closest-preceding one (in case there are any other sections occurring before it):

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

Use prevAll() instead

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

from jQuery documentation:

prev() => "Get the immediately preceding sibling" so it will only get the first element.

prevAll() => "Get all preceding siblings of each element in the set of matched elements, optionally filtered by a selector."

That's why when you remove the <hr>, it will work with prev().