Javascript 为什么没有使用第n个子项选择第一个条目

我有以下代码：

javascript如下所示：

    $(document).ready(function() {
        $('#btnHide').click(function() {
            $('td:nth-child(1)').nextUntil(':nth-child(4)').toggle();

        });
    });

html如下所示

<table id="tableone" border="1">
<tr>
    <td>Row 0 Column 0</td>
    <td >Row 0 Column 1</td>
    <td >Row 0 Column 2</td>
    <td >Row 0 Column 3</td>
</tr>
<tr>
    <td>Row 1 Column 0</td>
    <td>Row 1 Column 1</td>
    <td>Row 1 Column 2</td>
    <td>Row 1 Column 3</td>
</tr>
<tr>
    <td>Row 2 Column 0</td>
    <td>Row 2 Column 1</td>
    <td>Row 2 Column 2</td>
<td>Row 2 Column 3</td>
</tr>
<tr>
    <td>Row 3 Column 0</td>
    <td>Row 3 Column 1</td>
    <td>Row 3 Column 2</td>
    <td>Row 3 Column 3</td>
</tr>
 <tr>
    <td>Row 4 Column 0</td>
    <td>Row 4 Column 1</td>
    <td>Row 4 Column 2</td>
    <td>Row 4 Column 3</td>
</tr>
 <tr>
    <td>Row 5 Column 0</td>
    <td>Row 5 Column 1</td>
    <td>Row 5 Column 2</td>
    <td>Row 5 Column 3</td>
</tr>


<input id="btnHide" type="button" value="Hide Columns"/>    

第0行第0列
第0行第1列
第0行第2列
第0行第3列
第1行第0列
第1行第1列
第1行第2列
第1行第3列
第2行第0列
第2行第1列
第2行第2列
第2行第3列
第3行第0列
第3行第1列
第3行第2列
第3行第3列
第4行第0列
第4行第1列
第4行第2列
第4行第3列
第5行第0列
第5行第1列
第5行第2列
第5行第3列

无论我做什么，我似乎也找不到如何隐藏第一列。。我使用0而不是1来查看是否使用0作为第一个条目对其进行索引，但这似乎也不起作用。当按下按钮时，如何才能选择要折叠的第一列

补充问题: 在我的模型中进行测试后，我意识到当按下该按钮时，它会折叠页面上所有表中的列。由于我无论如何都不是Javascript专家，有没有人能为我指明正确的方向，告诉我如何针对特定的表。谢谢

.nextUntil（）

返回原始元素之后的元素，但不包括原始元素。用于将原始图元添加到集合中：

$('td:nth-child(1)').nextUntil(':nth-child(4)').addBack().toggle();

.nextUntil（）

返回原始元素之后的元素，但不包括原始元素。用于将原始图元添加到集合中：

$('td:nth-child(1)').nextUntil(':nth-child(4)').addBack().toggle();

.nextUntil（）

返回原始元素之后的元素，但不包括原始元素。用于将原始图元添加到集合中：

$('td:nth-child(1)').nextUntil(':nth-child(4)').addBack().toggle();

.nextUntil（）

返回原始元素之后的元素，但不包括原始元素。用于将原始图元添加到集合中：

$('td:nth-child(1)').nextUntil(':nth-child(4)').addBack().toggle();

---

嗨，你可以这样做：

$('#btnHide').click(function() {
    $('td:not(td:nth-child(4))').toggle();

 });

---

这里您选择的是除引用“：not（）”

Hi”的元素之外的所有元素，您可以这样做：

$('#btnHide').click(function() {
    $('td:not(td:nth-child(4))').toggle();

 });

---

这里您选择的是除引用“：not（）”

Hi”的元素之外的所有元素，您可以这样做：

$('#btnHide').click(function() {
    $('td:not(td:nth-child(4))').toggle();

 });

---

这里您选择的是除引用“：not（）”

Hi”的元素之外的所有元素，您可以这样做：

$('#btnHide').click(function() {
    $('td:not(td:nth-child(4))').toggle();

 });

---

在这里，除了引用“：not（）”

的元素之外，您正在选择每个元素。我刚刚尝试了它，它工作得非常好！谢谢你的帮助！我想

.andSelf（）

也会这么做是的，这是

addBack

取代的不推荐使用的函数。我刚刚尝试过，它工作得非常好！谢谢你的帮助！我想

.andSelf（）

也会这么做是的，这是

addBack

取代的不推荐使用的函数。我刚刚尝试过，它工作得非常好！谢谢你的帮助！我想

.andSelf（）

也会这么做是的，这是

addBack

取代的不推荐使用的函数。我刚刚尝试过，它工作得非常好！谢谢你的帮助！我想

和self（）

也会这样做是的，这是

addBack

所取代的弃用函数。