検索/抽出(2)出
表のすべてのセルに余裕を持たせ、「収入」は太字に、「支出」はイタリックに、金額は(3の倍数の位置にあるセル)は右寄せにする
//.end()を用いずに記述する場合
$('#allowance td').css('padding','3px');
$('#allowance td').filter('.income').css('font-weight','bold');
$('#allowance td').filter('.expense').css('font-style','italic');
$('#allowance td').filter(':nth-child(3n)').css('text-align','right');
//.end()を使う場合
$('#allowance td').css('padding','3px')
.filter('.income').css('font-weight','bold').end()
.filter('.expense').css('font-style','italic').end()
.filter(':nth-child(3n)').css('text-align','right');
実行例
こづかい帳
収入 | こづかい | 10000 |
支出 | 昼食 | -1129 |
支出 | お菓子 | -382 |
支出 | 洋服 | -8320 |
変更前のhtml
<table id="allowance">
<caption>こづかい帳</caption>
<tr><td>こづかい</td><td>10000</td></tr>
<tr><td>昼食</td><td>-1129</td></tr>
<tr><td>お菓子</td><td>-382</td></tr>
<tr><td>洋服</td><td>-8320</td></tr>
</table>