0

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

我只需要显示id为一行的行，一个带有下一个按钮，然后是两个带有下一个按钮的行，依此类推，直到我到达表格的末尾，然后显示包含的表单的提交按钮表内。

我是一个完整的 javascript 新手，这就是为什么当我尝试使用 jquery 切换功能时，我无处可去！如果有人至少可以指出一个教程的方向，该教程在表格中的多行上具有切换功能，我将非常感激。

干杯!

编辑：经过一些困惑和再次阅读这个问题后，我意识到我并不清楚我只是想要一些关于在 jquery 中使用的正确函数的指针。如果我在正确的球场。我不是在寻找完全为我编写的代码。对不起，如果我遇到这样的话。

4

2 回答 2

0

如果您需要帮助专门学习 jquery 切换，您真的应该只查找Jquery 文档

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

这是我第一次在 Codeschool 学习 Jquery 时使用的一个非常好的教程，所以请看一下。它真的很互动，你真的学得很快。我也相信它会教你一些 Javascript 的基础知识。

W3schools也非常适合学习 JS 或一般的 web 开发，所以你可能想在那里闲逛。

当您发布更多代码时，我可以编辑我的答案以更好地帮助您解决问题。您想要一些处理表格的好教程，虽然我可能会找到专门处理表格的 JS 教程，但这不是您应该学习的方式。我将尝试找到适合您需求的教程，但您应该从头开始学习并逐步完成。我就是这样做的，我们中的许多人都这样做了。

希望这可以帮助。

于 2012-11-14T00:49:50.370 回答
0

你可以使用一些相当通用的东西来切换 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>
于 2012-11-14T00:50:20.797 回答