Javascript 如何使用jquery显示有限的记录而不是所有记录_Javascript_Jquery

Javascript 如何使用jquery显示有限的记录而不是所有记录

javascript jquery

Javascript 如何使用jquery显示有限的记录而不是所有记录,javascript,jquery,Javascript,Jquery,在我的iframe中，我有很多记录，但我的要求是只显示4条记录，而不是全部。我将提供一个“全部显示”链接，一旦单击“全部显示”链接，我们必须在另一个选项卡中显示所有记录。我在这里添加了一个带有表格的示例代码，希望它能帮助您 html 1. 爱丽丝 2. 上下快速移动 3. 颂歌全部展示显示默认值 $（“table>tbody>tr”）.hide（）.slice（0,2.show（）； $（“.show all”）。在（“单击”，函数（）{ $（$（tbody>tr），$（this.pre

在我的iframe中，我有很多记录，但我的要求是只显示4条记录，而不是全部。

我将提供一个“全部显示”链接，一旦单击“全部显示”链接，我们必须在另一个选项卡中显示所有记录。

我在这里添加了一个带有表格的示例代码，希望它能帮助您

html


1.
爱丽丝
2.
上下快速移动
3.
颂歌
全部展示
显示默认值
$（“table>tbody>tr”）.hide（）.slice（0,2.show（）；
$（“.show all”）。在（“单击”，函数（）{
$（$（tbody>tr），$（this.prev（））.show（）；
});
$（“.show default”）。在（“单击”，函数（）上）{
$（“table>tbody>tr”）.hide（）.slice（0,2.show（）；
});

使用

.hide（）

和

.show（）

隐藏和显示一些记录。欢迎使用堆栈溢出！StackOverflow希望您这样做，我们也会这样做（如果您没有询问硬件，请忽略）。请更新您的问题，以显示您已在某个应用程序中尝试过的内容。有关更多信息，请参阅，并选择：）如果您尝试这样做，一个好的做法将是。别误会，我们喜欢帮助别人。但是测试你的好奇心并找到解决问题的方法是非常重要的。当你有股票时，你的问题肯定会得到回答。请参阅页面以获取澄清此问题的帮助。是否尝试使用表格？

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
  <table>
    <tbody>
      <tr>
        <td>1</td>
        <td>Alice</td>
      </tr>
      <tr>
        <td>2</td>
        <td>Bob</td>
      </tr>
      <tr>
        <td>3</td>
        <td>Carol</td>
      </tr>
    </tbody>
  </table>
  <button class="show-all">Show all</button>
  <button class="show-default">Show default</button>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script>
    $("table > tbody > tr").hide().slice(0, 2).show();
    $(".show-all").on("click", function() {
      $("tbody > tr", $(this).prev()).show();
    });
    $(".show-default").on("click", function() {
      $("table > tbody > tr").hide().slice(0, 2).show();
    });
  </script>
</body>
</html>