以下の様なhtmlからjQueryを使用し、Radioのインデックスを取得したいです。
Optionタグのvalueからインデックスを取得しようとしています。例えばvalue=S1の場合、インデックスは0, value=S2、またはS3の場合は1となります。
<tr>
<td>
<div class="radio-group-wrapper">
<label>
<input type="radio" name="MT" value="ST" checked="checked">TEST1
</label>
<select name="SID" class="select-sid">
<option value="S1">BASIC</option></option>
</select>
</div>
</td>
</tr>
<tr>
<td>
<div class="radio-group-wrapper">
<label>
<input type="radio" name="MT" value="ST" checked="checked">TEST2
</label>
<select name="SID" class="select-sid">
<option value="S2">OP1</option></option>
<option value="S3">OP2</option>
</select>
</div>
</td>
</tr>
試しに以下のjQueryを試しましたが取得できませんでした。
var index =
$('option[value=S1]:first').parent('select[name="sid"]').prev('label').children('input[name="MT"]:checked').index();
よろしくお願いします。