Как найти n-ый элемент в блоке независмо от уровня вложенности, css, js, jquery?

Question

[Иван Иванов]

Например:

<div id="container">
	<h2>Первый h2</h2>
	<div>
		<h2>Второй h2</h2>
	</div>
</div>

Как получить доступ к второму h2 в div#container?
p. s. структура может быть и такая:

<div id="container">
	<div></div>
	<h2>Первый h2</h2>
	<p></p>
	<div>
		<p>
			<h2>Второй h2</h2>
		</p>
	</div>
</div>

Главная цель - получить, например, второй (n-ый) h2 независимо от того, является ли он дочерним по отношению к div#container и независимо от того, какой уровень вложенности у него будет. Спасибо.

Answer 1

[Владислав Лысков]

q

Answer 2

[Евгений]

Для Вашего примера корректный селектор на jQuery будет выглядеть так
var h2 = $("#container h2:eq(1)")[0];
Селекторы

Answer 3

[Петр Мухуров]

document.querySelectorAll('#container h2')[1]

#container h2:nth-child(2) {
...
}

$('#container h2')[1]