Javascript 基于id值显示表的某些行，并在所有值之间切换

我有一个表，表中的行分为五行，匹配的id是：一，二，三，四，等等

我只需要显示每个id为的行，一行显示一个next按钮，两行显示一个next按钮，依此类推，直到我到达表的末尾，然后显示表中包含的表单的submit按钮

我是一个完全的javascript新手，这就是为什么当我尝试使用jquery切换函数时，我一无所获！如果有人能至少为我指出一个教程的方向，该教程在一个表中的多行上具有切换功能，我将不胜感激

干杯

---

编辑：经过一些混乱和再次阅读这个问题后，我意识到我并不清楚，我只是想在jquery中使用一些正确函数的指针。如果我在正确的球场。我不希望代码完全为我编写。如果我遇到这种情况，很抱歉。

如果您需要学习jquery切换的帮助，您只需查看

正如您在上面的评论中可能注意到的那样，StackOverflow不是一个您可以获得代码的网站——您必须自己编写代码，我们可以为您提供建议/提示，以解决挑剔的修复、语法、混乱的概念或不同的问题方法

这是我第一次学习时使用的一个非常好的教程，请看一看。它是真正的互动，你真的学习很快。我还相信它会教你一些Javascript的基础知识

这对于学习JS或web开发也非常有用，所以您可能想在那里闲逛

当您发布更多代码时，我可以编辑我的答案，以便更好地帮助您解决问题。你想要一些不错的关于表的教程，虽然我可能会找到一个专门处理表的JS教程，但这不是你应该学习的方式。我会尽量找到一个适合你需要的教程，但你应该从头开始学习，一路走下去。我就是这样做的，我们中的许多人都这样做了

---

希望这能有所帮助。

您可以使用一些相当通用的工具来切换tbody元素。根据需要调整以下内容，它不需要任何ID

为了便于处理，我已将行分组以在tbody元素中显示和隐藏

<script>

var toggleRows = (function() {
    var hidden = -1;

    return function(el) {
      var tbodies;

      // Get the table from the passed element
      // The element must be in the table, or be the table
      while (el.tagName.toLowerCase() != 'table') {
        el = el.parentNode;
      }

      // Get just tbody elements, exclude thead and tfoot
      tbodies = el.tBodies;

      // Hide them all
      for (var i=0, iLen=tbodies.length; i<iLen; i++) {
        tbodies[i].style.display = 'none';
      }

      // Show the next tbody, or first if were showing the last one
      tbodies[++hidden % iLen].style.display = '';
    }

}());

window.onload = function() {
  toggleRows(document.getElementById('section1'));
}
</script>

<table>
  <thead>
    <tr>
      <th colspan="3"><span onclick="toggleRows(this);">Show next</span></th>
    </tr>
  </thead>
  <tbody id="section1">
    <tr>
      <td>foo 1<td>bar 1<td>fum 1
  <tbody id="section2">
    <tr>
      <td>foo 2<td>bar 2<td>fum 2
  <tbody id="section3">
    <tr>
      <td>foo 3<td>bar 3<td>fum 3
</table>

var toggleRows=（函数（）{
var-hidden=-1；
返回函数（el）{
变量tbodies；
//从传递的元素获取表
//该元素必须在表中，或在表中
而（el.tagName.toLowerCase（）！='table'）{
el=el.parentNode；
}
//只获取tbody元素，排除thead和tfoot
tbodies=el.tbodies；
//把它们都藏起来
对于（var i=0，iLen=tbodies.length；我告诉我们你尝试了什么不起作用。所有id都应该是唯一的，即没有两个元素应该有相同的id。而且@Madbreaks我在尝试时迷路了，我真的不知道从哪里开始使用javascript。@mrk我知道id w3规则，它与类的工作原理相同，但我在loo时读到了其他东西king about建议使用表行ID的方法。然后我建议运行一些JS教程。无意冒犯，但这个网站不是一个代码编写服务-你会想尝试一些东西，如果你想不出来，就发回这里，使用你尝试过但不起作用的代码。哦，一个没有jquery的解决方案！是的，非常危险如果操作程序不知道javascript，s/he不应该为jQuery烦恼。干杯，是时候了解jQuery&javascript的一些小部分在做什么了。我刚刚找到了一个代码示例，看起来很有帮助，我将尝试修改它，并让您知道我的想法！