Check

odd even

| | コメント(0) | トラックバック(0)
$('table.stripe tr:odd').addClass('odd');
$('table.stripe tr:even').addClass('even');
はtableが複数個あり、各テーブルの行が偶数個の場合表示がおかしくなる。

<table><tr></tr><tr></tr><tr></tr></table>
<table><tr></tr><tr></tr><tr></tr></table>
こんな感じのが
<table>
<tr class="odd"></tr>
<tr class="even"></tr>
<tr class="odd"></tr>
</table>
<table>
<tr class="even"></tr>
<tr class="odd"></tr>
<tr class="even"></tr>
</table>
こんな感じになる。

$('table').each(function () {
    $(this)
        .find('tr:odd').addClass('odd').end()
        .find('tr:even').addClass('even').end();
});
が正解(たぶん)

トラックバック(0)

このブログ記事を参照しているブログ一覧: odd even

このブログ記事に対するトラックバックURL: http://0-9.sakura.ne.jp/mt/mt-tb.cgi/349

コメントする