同じクラスを持つ飛び飛びの要素の中から特定の要素をセレクタで指定する方法

Question

とても基本的なことかも知れませんが、

<div class="hoge">1</div>
<div>2</div>
<div class="hoge">3</div>
<div class="hoge">4</div>
<div>5</div>
<div class="hoge">6</div>
<div class="hoge">7</div>
<div>8</div>
<div class="hoge">9</div>

ここで「hoge」というクラスをもつ要素で、例えば3番目の中身をJSで取り出したい場合

$('.hoge:nth-child(3)').html()

としてもundefinedとなります。

セレクタで上記のような条件で取り出すことはできないのでしょうか？

---

追記

JSで.eq(3)とすれば指定できますが、セレクタで指定する方法が分からないです。

背景としては、selenuimでスクレイピングする際にセレクタで指定する必要があります。

Answer 1

$('.hoge')[2].html() でしょうか。

.hoge:nth-child(3)は、hogeクラスの要素でかつ親の3番目の子供という意味になります。

Comments

[avantgarden]

[2]の部分はJacascriptですよね？
セレクタで指定したいのですが、無理でしょうか。

[avantgarden]

nth-childのご説明ありがとうございます。

[int32_t]

セレクタでは無理ですね。