jQueryで全てのセル(th,td)に連番クラスを振る

jQuery
スポンサーリンク

jQueryで全てのセル(th,td)に連番クラスを振る状況なんて起こるのか?と思いつつ、作ってみました。

コード

テーブルに基準となるクラス(ここではhoge)を振ってください。
jQueryの記述に「table.hoge th,table.hoge td」というのがあります。ここで該当のテーブルを指定しています。

“`<table class="hoge">
<tr>
<th>あああ</th>
<th>いいい</th>
<th>ううう</th>
<th>あああ</th>
<th>いいい</th>
<th>ううう</th>
</tr>
<tr>
<td>あああ</td>
<td>いいい</td>
<td>ううう</td>
<td>あああ</td>
<td>いいい</td>
<td>ううう</td>
</tr>
</table>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
var t = 1;
jQuery(‘table.hoge th,table.hoge td’).each(function(){
jQuery(this).addClass(‘cell’+t);
t++;
});
</script>“`

先頭から順番にcell1,cell2…というようにつきましたか?th,td通しの連番となっています。