IEでjQueryのtoggleが動作しません。

質問

IEでjQueryのtoggleが動作しません。
inputをクリックすることで同じクラス名が与えられている
行を非表示／表示の切替えを行なおうとしています。
FireFox,Safariその他のブラウザでは正常に動作します。
スクリプトの記述に誤りがあるのでしょうか？以下ソースです。

■JavaScript

<script type="text/javascript">
$(document).ready(function(){
$("#sets input").click(function () {
var trshow = $(this).attr("class");
$("tr"+"."+trshow).toggle();
}
);
});
</script>

■HTML
<table id="sets">
<tr>
<td>0001　ああああ<br />
<input type="button" class="set01" value="セット内表示/非表示" /></td>
</tr>
<tr class="set01 set">
<td>サンプルサンプル</td>
</tr>
<tr class="set01 set">
<td>サンプルサンプル</td>
</tr>
<tr>
<td>0002　いいい<br />
<input type="button" class="set02" value="セット内表示/非表示" /></td>
</tr>
<tr class="set02 set">
<td>サンプルサンプル</td>
</tr>
<tr class="set02 set">
<td>サンプルサンプル</td>
</tr>
</table>

■CSS

.set
{
display: none;
}

回答No.1

nekomikekamo · ベストアンサー

classをclassNameに修正？
var trshow = $(this).attr("class");
↓
var trshow = $(this).attr("className");

お礼

動作しました！
ありがとうございます！！
本当に助かりました。