Question

I am trying to implement some next/previous navigation across a list I have had to break into 2 lists due to the page design. I can easily do this in a single list with jQuery, but cannot figure out how to jump to the first item in the second list from the last item in the first list (and vice versa). Code is here: http://pastebin.com/5DjtzGBa

Answer 1

You want (as an alternate, if your first search in the current list returns no results):

nextItem = $(this)
    .closest("div") // find the closest div ancestor
    .next("div")    // then its next sibling div
    .find("ul li a")// then the first link in the list
    .attr("id");

Fully functional example here.