Question

正如你在这个jfiddle http://jsfiddle.net/4NgxB/1/上看到的那样，我有一个简单的表格，如下所示：

<table id="mytable">
    <tbody>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
            <th>Column 3</th>
            <th>Column 4</th>
        </tr>
        <tr>
            <td>...</td>
            <td>...</td>
            <td><input type="button" name="mybutton" value="mybutton" /></td>
            <td>...</td>
        </tr>
        <tr>
            <td>...</td>
            <td>...</td>
            <td><input type="button" name="mybutton" value="mybutton" /></td>
            <td>...</td>
        </tr>
        <tr>
            <td>...</td>
            <td>...</td>
            <td><input type="button" name="mybutton" value="mybutton" /></td>
            <td>...</td>
        </tr>
    </tdoby>
</table>

在加载时，它应该使用以下代码隐藏列：

$('#mytable tbody tr td:nth-child(3)').hide();

所以我可以稍后在执行中显示它......因为我在某个地方读到这个n-child（n）应该应用我对该列的内容..为什么在这种情况下它没有应用？也许nth-child只适用于某些表格结构？

Answer 1

您的代码出现了一个小的语法错误，您忘记关闭就绪处理程序的右括号，

$(document).ready(function () {
    $('#mytable tbody tr :nth-child(3)').hide();
});

DEMO

Answer 2

代码中有two error

1）您没有包含任何jquery文件 2）未关闭支架

 $(document).ready(function () 
{
    $('#mytable tbody tr :nth-child(3)').hide();
});
 ^^^^-------close the Bracket

DEMO

Answer 3

您缺少结束圆括号，也没有在jsFiddle中加载jQuery。

nth-child在这里工作得很好。

$(document).ready(function () 
{
    $('#mytable tbody tr :nth-child(3)').hide();
});

DEMO ：http://jsfiddle.net/4NgxB/8/

JQuery - 隐藏列表

3 个答案:

DEMO

DEMO