我有一个这样的表(它是我真实表的简化版):
<table id="tabela" width="100%" cellspacing="10px">
<tr>
<td>2:00:00</td>
<td>3:00:00</td>
<td class='free'>
<input type='radio' name='appointment'/>
</td>
</tr>
<tr>
<td>4:00:00</td>
<td>5:00:00</td>
<td class='busy'>Occupied</td>
</tr>
<tr>
<td>6:00:00</td>
<td>7:00:00</td>
<td class='free'>
<input type='radio' name='appointment'/>
</td>
</tr>
</table>
现在我想要当单选按钮被选中并且如果下面的td被设置为占用(它不是真正低于它,它是当前td的下一个tr的第三个td,如果我正确解释的那样)来简单地显示警告信息,但我无法让它工作。
我试过这样的事情:
$("input[name='appointment']").change(function()
{
var thisTr = $("#tabela input[name=appointment]:checked")
.closest('tr')
.next('tr');
var thirdTDText = thisTr.children().eq(2).text();
if(thirdTDText=='Occupied')
{
alert('That place is occupied!');
}
});