jQuery - find last occurrence of a div

Question

I have 2 divs, with the same id, pagination, one is at the top of the page, the other at the bottom.

What I'd like to do, is find the last id, so this would be the <div id="pagination"></div> at the bottom of the page and add some more HTML, so it looks like:

<div id="pagination"></div><hr />

Is this possible in jQuery?

Answer 1

You cant use same ID in one page. The ID is unique identifier, If you need use identifier more than once, use class instead.

Any way, you can use :last selector, like this:

$("div:last")

You could eaven use :last-child, like this:

$('#pagination:last-child')

Answer 2

If you were being correct, you should never have two ID's the same, so using $('#selector:last') or $('#selector').last() won't work, however you can cheat a little like this:

$("div[id=pagination]:last").......

Here is an example