基于类的禁用表td

Question

如果td有类"age“，我需要在单击时向表行添加背景。我试着检查这个类是否存在，是否使用has类。似乎不起作用。JSFIDDLE

无法从相应的tds中删除复选标记

HTML

<a href="#" id="age">age</a>

<table>
    <tr class="play">
        <td>&nbsp;</td>
        <td class="a"><label> <input id="cover-1" name="cover-1" type="checkbox" checked="checked" class="cover" tabindex="1"/>
                              </label></td>
        <td class="b"><label> <input id="age-1" name="age-1" type="checkbox" checked="checked" class="age" tabindex="1"/>
                              </label></td>

    </tr>
    <tr class="age">
        <td>&nbsp;</td>
        <td class="a"><label> <input id="cover-1" name="cover-1" type="checkbox" checked="checked" class="cover" tabindex="1"/>
                              </label></td>
        <td class="b"><label> <input id="age-1" name="age-1" type="checkbox" checked="checked" class="age" tabindex="1"/>
                              </label></td>

    </tr>
    <tr class="age">
        <td>&nbsp;</td>
        <td class="a"><label> <input id="cover-2" name="cover-2" type="checkbox" checked="checked" class="cover" tabindex="1"/>
                              </label></td>
        <td class="b"><label> <input id="age-2" name="age-2" type="checkbox" checked="checked" class="age" tabindex="1"/>
                              </label></td>

    </tr>
</table>

CSS

td {
    border: 0;
    border-collapse: collapse;
}
.tr-disable {
    background-color: #ccc;
}

JS

$(function(){
    $("#age").click(function(){

          $('tr').each(function() {
            if($(this).has('.age')) {
              $(this).addClass('tr-disable');
                $(this).find('td[type=checkbox]').removeAttr('checked');
            }
          });

          $('this').prop('disabled','true');

        });
});

Answer 1

您应该使用hasClass和prop

if ( $(this).hasClass("age") ) {
    $(this).addClass("tr-disable").find("td :checkbox").prop("checked", false);
}

http://jsfiddle.net/isherwood/8sP3Q/6/