仕事ネタで、忘れないようにログっときます。

trタグ毎に表示／非表示を切り替えるケースです。
html例

<table>
<tr class=”atype”><td>a</td></tr>
<tr class=”btype” style=”display:none”><td>b</td></tr>
<tr class=”atype”><td>c</td></tr>
<tr class=”btype” style=”display:none”><td>d</td></tr>
</table>
<input type=”button” value=”切り替え” onclick=”dispChgAtoB()”>
JS例
function dispChgAtoB(){
$(“tr.atype”).css(“display”, “none”);
$(“tr.btype”).css(“display”, “table-row”);
}

めんどくさいので、onclickのままですが、実際は、jqueryでonclickを指定した方が美しいですね。

まぁ、忘れないようにということで。