10 回閲覧されました

みなさんこんにちは、jonioです。

今回はjQueryの.eqメソッドの使い方のメモになります。

.eqメソッドとは

インデックス番号を使って特定の要素を取得する時に使います。

コード

下記のHTMLを書いたとします。

<ul>
    <li>りんご</li>
    <li>みかん</li>
    <li>いちご</li>
    <li>メロン</li>
</ul>

.eqメソッドを使ってみかんの文字の色を変えます。

jqueryのコードを下記にします。

$('li').eq(1).css('color', 'red');

「.eq(1)」の1がインデックス番号です。

インデックス番号は0から始まります。