0

我有 PHP 生成的简单表。

<table border="1" id="control>
    <tbody>
        <tr>...</tr>
        <tr>...</tr>
        <tr>...</tr>  //Row #3
        <tr>...</tr>
        <tr>...</tr>
        <tr>...</tr>
    </tbody>
</table>

我想在使用 javascript 或 css 加载页面时隐藏第三行。有没有办法在不提供第三行 ID 的情况下做到这一点？

先感谢您

4

5 回答 5

5

使用 jquery 非常简单，$('#control tr:eq(2)').hide()

于 2013-10-26T14:10:50.653 回答
4

使用 css3 你可以使用 :nth-child 选择器

#control tr:nth-child(3)
{
   display:none;
}
于 2013-10-26T14:13:59.113 回答
1

使用纯 JavaScript（没有 JQuery 等框架）可以：

<!DOCTYPE html>
<html>
<head>
    <title>HTML</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
    <table border="1" id="control">
        <tbody>
            <tr><td>row1</td></tr>
            <tr><td>row2</td></tr>
            <tr><td>row3</td></tr>
            <tr><td>row4</td></tr>
            <tr><td>row5</td></tr>
            <tr><td>row6</td></tr>
        </tbody>
    </table>
    <script type="text/javascript">
        var tableElm = document.getElementById("control");
        var tableChilds = tableElm.getElementsByTagName("tr");
        var row3 = tableChilds[2];
        row3.style.display = "none";
        // alternatively:
        //row3.style.visibility = "hidden";
    </script>
</body>
</html>
于 2013-10-26T14:26:10.310 回答
1

尝试这个

 document.getElementsByTagName("tr")[2].style.display = 'none';
于 2013-10-26T14:19:07.133 回答
0

使用 jQueryeq(int)选择从零开始的索引处的行：

$("#control tr").eq(2).hide();
于 2013-10-26T14:13:08.737 回答