Javascript 基于colgroup col id的Jquery.Toggle（）

小提琴是一种乐器

我无法通过colgroup的col id获取实际列来切换它。我有正确匹配的索引，但我不明白如何使用colgroup的强大功能来获取整个列。以下是我目前的尝试（一直在小提琴底部）：

这是表格和表格组：

<section class="techtable">
        <h1>Technologies / Compliance / Certifications</h1>
        <table cellspacing="0">
            <colgroup>
                <col id="col0">
                <col id="col1">
                <col id="col2">
                <col id="col3">
                <col id="col4">
                <col id="col5">
                <col id="col6">
            </colgroup>
            <thead>
                <tr>
                    <th>Category</th>
                    <th>Skill</th>
                    <th>Version(s)</th>
                    <th>Start Date</th>
                    <th>End Date</th>
                    <th>Elapsed Time</th>
                    <th>Expertise Rating</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Technology</td>
                    <td>J2EE</td>
                    <td>1.5, 1.6, 1.7</td>
                    <td>November, 2011</td>
                    <td></td>
                    <td></td>
                    <td>2</td>
                </tr>
                </tr>...repeating...</tr>
            </tbody>
        </table>
    </section>

技术/合规性/认证
类别
技巧
版本
开始日期
结束日期
经过的时间
专业评定
技术
J2EE
1.5, 1.6, 1.7
2011年11月
2.
……重复。。。

我想尝试利用colgroup的强大功能，但我不确定是否应该使用class id（如果是，在col group id上的

？或每个

？）

是否干扰了

？也许措辞更好，我应该引用th而不是尝试使用colgroup吗

---

正确的语法方向上的一点是有帮助的，一行代码总是很有帮助的，但是对于这一行，我试图避免将其扩展为更多的代码行，除非我忽略了方法论。我的假设是，我不仅正确地获取了col id，而且您的反馈可能会证明我是错的。

您是在尝试这样做吗

$('fieldset.techtable #col' + index).toggle();

由于id在页面中是唯一的，因此通常仅针对以下目标即可：

$('#col' + index).toggle();

---

你想这么做吗

$('fieldset.techtable #col' + index).toggle();

由于id在页面中是唯一的，因此通常仅针对以下目标即可：

$('#col' + index).toggle();

---

如果您试图隐藏一列特定的数据，那么在colgroup中隐藏col是不行的

var colIndex = 0; // first column
$(myTable).find("td,th").filter(":nth-child(" + (colIndex+1) + ")").toggle();

我已修改此代码以处理您的表。这是最新消息

---

如果您试图隐藏一列特定的数据，那么在colgroup中隐藏col是不行的

var colIndex = 0; // first column
$(myTable).find("td,th").filter(":nth-child(" + (colIndex+1) + ")").toggle();

我已修改此代码以处理您的表。这是最新消息

请尝试以下操作：

$（“.techtable td:n子项（“+index+1+”）.toggle（）

在上看到此消息：

请尝试以下操作：

$（“.techtable td:n子项（“+index+1+”）.toggle（）

---

我不认为您能够切换列的可见性，因为列比页面上的实际元素更多的是元数据/伪元素（实际上是您尝试切换的每个

td

的第n个

tr

）。我知道，正是由于这个原因，在尝试对它们进行一致的样式设置时会出现问题（请参阅以获取解释/调查）。

我认为您无法切换列的可见性，因为列在页面上的元数据/伪元素多于实际元素（实际上，这是您尝试切换的每个

td

的第n个

tr

）。我知道，正是出于这个原因，尝试对它们进行一致的样式设置时会出现问题（请参阅以获取解释/调查）.

字段集在哪里。techtable？我看到的只是

部分。techtable

您是否试图通过隐藏colgroup中的col来隐藏整个表列？我无法使其真正起到任何作用。就您关于

th

的问题而言，隐藏

th

不会隐藏它对应的

td

，它们必须分别隐藏。字段集。techtable在哪里？我所看到的只是

部分。techtable

您是否试图通过在colgroup中隐藏col来隐藏整个表列？我无法使其实际起到任何作用。至于您关于

th

的问题，隐藏

th

wi我不会隐藏它对应的

td

，它们都必须单独隐藏。是的，它不起作用，尽管你的行比我的行多了一对单引号。@chrisFrisina:实际上我删除了一对撇号。哎呀，我的错误，引用了彼此的错误。第二个示例正确地选择了正确的colgroup，但是什么也没发生。可以使用.toggle（）吗是否应用于colgroup？@chrisFrisina:可能不是。colgroup甚至不是一个可视元素。我的经验是，隐藏表的某些部分效果不太好。是的，它不起作用，尽管你的行比我的行多了一对单引号。@chrisFrisina:实际上我删除了一对撇号。哎呀，我的错误，参考重复对方的错误。第二个示例正确选择了正确的colgroup，但什么也没有发生。是否可以使用.toggle（）命令是否应用于colgroup？@chrisFrisina:可能不是。colgroup甚至不是一个视觉元素。我的经验是，不管怎样，隐藏表格的某些部分都不太有效。谢谢你提供的信息，colgroup不会隐藏它。我想这就是为什么我一直在绞尽脑汁两个多小时。非常感谢你帮助一位非常小的开发人员.谢谢你告诉我colgroup不会隐瞒的信息。我想这就是为什么我连续两个多小时头痛的原因。非常感谢你帮助了一位非常小的开发人员。