点击td对同行的其他td进行操作

假设有这样的一段tr：

<tr>
<td><input type="checkbox" name="item" class="itemid" value=" </td>
<td><span class=""></span></td>
<td><input type="text" class="serpkgcnt" value=""><span></span></td>
</tr>

现在要求如下：默认情况下，所有的text都不可编辑，勾选了前面的checkbox之后同一行的text可编辑：

可以在jquery的ready方法里面这样写

$(document).ready(function(){
$(".serpkgcnt").attr("disabled",true);
$(".itemid").change(function(){
if($(this).attr("checked")){
$(this).parent().parent().find("td").eq(2).children().attr("disabled",false);//获取到当前input的上级的上级，再找到第3个td，然后获取子节点
}else{
$(this).parent().parent().find("td").eq(2).children().attr("disabled",true);
}
});
});