How to select second div using jQuery in a webpage?

Question

If a webpage has 2 div tags like

<div>hello</div>
<div>hello</div>

How could I select second div, is it possible using jQuery?

Answer 1

The following will get the second div using the eq method:

$("div:eq(1)");

EXAMPLE

Please note that @Cerbrus's answer is also correct, you can do this without jQuery.

Answer 2

You don't need jQuery:

var secondDiv = document.getElementsByTagName('div')[1];

getElementsByTagName('div') gets an array of all divs on the page, then you get the second element out of that (zero-indexed) array with [1].

You could also apply a jQuery wrapper, if you need jQuery functionality:

var $secondDiv = $(document.getElementsByTagName('div')[1]); //($ in the var name is merely used to indicate the var contains a jQuery object)

Example

Answer 3

You could also use the nth-child selector.

http://api.jquery.com/nth-child-selector/

Answer 4

Stangely the :nth-child did not work for me. I ended up using

$(someElement).find("select").eq(0)