【jQuery】インデックスを指定して要素を絞り込む

ソースコード

eqメソッドでインデックスを指定して要素を選択します。

<body>
<p>セリーグ</p>
<ol id="central"><li>中日</li><li>阪神</li><li>巨人</li><li>ヤクルト</li><li>広島</li><li>横浜</li></ol>
<p>パリーグ</p>
<ol id="pacific"><li>ソフトバンク</li><li>西武</li><li>ロッテ</li><li>日本ハム</li><li>オリックス</li><li>楽天</li></ol>
</body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
    (function($) {
        $(document).ready(function () {
            // ３位までクライマックスシリーズに出場できる
            $("ol#central > li").eq(2).css("border-bottom", "1px solid #000000");
            $("ol#pacific > li").eq(2).css("border-bottom", "1px solid #000000");
        })
    })(jQuery);
</script>

レンダリング

セリーグ

中日
阪神
巨人
ヤクルト
広島
横浜

パリーグ

ソフトバンク
西武
ロッテ
日本ハム
オリックス
楽天

functionにしてみた

<script type="text/javascript">
    (function ($) {
        $(document).ready(function () {
            drawSeparate("central");
            drawSeparate("pacific");
        })

        function drawSeparate(id) {
            $("ol#" + id + " > li").eq(2).css("border-bottom", "1px solid #000000");
        };
    })(jQuery);
</script>