jquery+表格隐藏td

jQuery是一款优秀的JavaScript库，可以方便的操作HTML文档，包括隐藏表格td标签，下面介绍一下jquery+表格隐藏td。

// HTML:table id="myTable">
    tr>
    td>
    1/td>
    td>
    2/td>
    td>
    3/td>
    /tr>
    tr>
    td>
    4/td>
    td>
    5/td>
    td>
    6/td>
    /tr>
    /table>
// jQuery:$(document).ready(function(){
    $("table#myTable td:nth-child(2)").hide();
}
    );
    // 结果：// table id="myTable">
    //   tr>
    //     td>
    1/td>
    //     td style="display:none">
    2/td>
    //     td>
    3/td>
    //   /tr>
    //   tr>
    //     td>
    4/td>
    //     td style="display:none">
    5/td>
    //     td>
    6/td>
    //   /tr>
    // /table>
    

以上代码实现了隐藏表格中第二列的td标签，使用了jquery的选择器nth-child(2)选中第二个td标签，然后使用hide()方法隐藏该标签。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！