何番目のクラスか取得するには

<table>
<tr>
<td>
りんご
</td>
<td colspan="3" class="class_td">
<input name="color[]" value="1" type="checkbox">
</td>
</tr>

<tr>
<td>
みかん
</td>
<td colspan="3" class="class_td">
<input name="color[]" value="1" type="checkbox">
</td>
</tr>

<tr>
<td>
ぶどう
</td>
<td colspan="3" class="class_td">
<input name="color[]" value="1" type="checkbox">
</td>
</tr>
</table>

チェックボックスにチェックを入れた場合、何番目のclass_tdに属するかを取得したいです。
例えば、みかんにチェックを入れた場合、2と取得できるようにしたいです。
$(this).index('.class_td')では-1となってしまいます。
ご教示頂けますと幸いです。

よろしくお願いいたします。

No.1 ベストアンサー 回答者： yelser 回答日時： 2014/07/05 22:21

this と ".class_td"が逆です

入れ替えても直らない場合は、正しくthisが指しているかも確認して下さい

参考URL：http://api.jquery.com/index/

この回答へのお礼

index($(obj).parents('.class_td'));
parentsが抜けておりました。自己解決しました。失礼致しました。

お礼日時：2014/07/05 23:28