如何从javascript变量中隐藏最后一个表格的列?

时间:2018-10-24 13:37:02

标签: javascript jquery html

我想隐藏表的最后一列,因为它具有操作链接,不需要在excel文件中导出。那么如何从JavaScript变量中隐藏最后一个表的列?

var table = $('#UserWorkRecdsTbl').html();
table = table.hide('th:last-child, td:last-child');

tab_text = tab_text + table;

谢谢。

1 个答案:

答案 0 :(得分:2)

您必须通过以下方式将选择器上的hide()与目标元素一起使用:

$("#UserWorkRecdsTbl th:last-child, #UserWorkRecdsTbl td:last-child").hide();
td { text-align: center; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="UserWorkRecdsTbl" style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Link</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td><a href="#">test</a></td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td><a href="#">test</a></td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td><a href="#">test</a></td>
  </tr>
</table>