table 动态隐藏tr行
table:
<table style="width:100%" class="table01" cellspacing="1" cellpadding="5"> <tr><td class="td_title" width="15%" align="center" nowrap="nowrap" colspan="4">详 情</td> </tr> <tr id="qtdw"><td class="td_title" width="15%" align="center" nowrap="nowrap">牵头单位:</td> <td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3"> <input id ="re_title" class="zxui-textbox" type="text" editable="false" style="width:600px" value="${main_dept_name}"> </td> </tr> <tr><td class="td_title" width="15%" align="center" nowrap="nowrap">落实情况:</td> <td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3"> <input id="contentes" class="zxui-textbox" type="text" editable="false" style="width:600px;height:100px" multiline="true" value="${contentes}"> </td> </tr> <tr><td class="td_title" width="15%" align="center" nowrap="nowrap">存在问题:</td> <td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3"> <input id="problem" class="zxui-textbox" type="text" editable="false" style="width:600px;height:100px" multiline="true" value="${problem}"> </td> </tr> <tr><td class="td_title" width="15%" align="center" nowrap="nowrap">下周计划:</td> <td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3"> <input id="next_plan" class="zxui-textbox" type="text" editable="false" style="width:600px;height:100px" multiline="true" value="${nextplan}"> </td> </tr> <tr id="sbr"><td class="td_title" width="15%" align="center" nowrap="nowrap">上 报 人:</td> <td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3"> <input id ="re_title" class="zxui-textbox" type="text" editable="false" style="width:600px" value="${create_name}"> </td> </tr> </table>
有两个角色共用一个页面,其中table显示略有不同,用传递身份参数来控制牵头单位、上报人的行的隐藏。
js:
$(function(){ var identity = '${identity}'; if (identity == 'jbdcy') { $('#qtdw').hide(); $('#sbr').hide(); }
});
更多方法参考感谢:http://www.jb51.net/article/54118.htm