検索/抽出
こづかい帳に収入/支出の種別を追加する
//金額が0より多ければ収入とする
$('#allowance tr').filter(function() {
return(parseInt($(this).children('td:last').text())>0);
} ).prepend('<td class="income">収入</td>');
//金額が0以下であれば支出とする
$('#allowance tr').filter(function() {
return(parseInt($(this).children('td:last').text())<= 0);
} ).prepend('<td class="expense">支出</td>');
実行例
こづかい帳
こづかい | 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>
変更後のhtmlはこのようになっていることになる
<table id="allowance">
<caption>こづかい帳</caption>
<tr><td class="income">収入</td><td>こづかい</td><td>10000</td></tr>
<tr><td class="expense">支出</td><td>昼食</td><td>-1129</td></tr>
<tr><td class="expense">支出</td><td>お菓子</td><td>-382</td></tr>
<tr><td class="expense">支出</td><td>洋服</td><td>-8320</td></tr>
</table>