クリックしたラジオボタンの行番号を取得したい

質問

Jqueryを用いてクリックしたラジオボタンの行番号を取得したいのですが、
うまくいきません。
次のようなHTMLで
<table border="1" style="font-size:12px;">
<tr>
<td>2014年06月01日</td>
<td>
<label><input type="radio" name="rd1" class="rd" value="0" />A</label>
<label><input type="radio" name="rd1" class="rd" value="1" checked="checked" />B</label>
<label><input type="radio" name="rd1" class="rd" value="7" />C</label>
</td>
</tr>
<tr>
<td>2014年06月02日</td>
<td>
<label><input type="radio" name="rd2" class="rd" value="0" />A</label>
<label><input type="radio" name="rd2" class="rd" value="1" checked="checked" />B</label>
<label><input type="radio" name="rd2" class="rd" value="7" />C</label>
</td>
</tr>
<tr>
<td>2014年06月03日</td>
<td>
<label><input type="radio" name="rd3" class="rd" value="0" />A</label>
<label><input type="radio" name="rd3" class="rd" value="1" checked="checked" />B</label>
<label><input type="radio" name="rd3" class="rd" value="7" />C</label>
</td>
</tr>
<tr>
<td>2014年06月04日<td>
<td>
<label><input type="radio" name="rd4" class="rd" value="0" />A</label>
<label><input type="radio" name="rd4" class="rd" value="1" checked="checked" />B</label>
<label><input type="radio" name="rd4" class="rd" value="7" />C</label>
</td>
</tr>
</table>
下記で選択したラジオボタンの値を取得できるのですが、
行の番号が取れません。

//ラジオボタンを変更
$('.rd').change(function(){
val = $(this).val();
alert("hoge " + val);
});
どのようにしたら良いでしょうか？
宜しくお願いいたします。

回答No.1

Taiyonoshizuku · ベストアンサー

"行番号"ってどこのこと言ってるの？
<tr>が1行ってこと？

$('.rd').change(function(){
var line = $(this).parents('tr').index();
});