如果第三个td被占用则发出警报?

时间:2013-04-15 00:15:54

标签: javascript jquery

我有一个这样的表(它是我真实表的简化版):

<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!');
    }
});

0 个答案:

没有答案