$('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();
});
が正解(たぶん)
$('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();
});
が正解(たぶん)
コメントする