jQuery slice() 方法

实例

从索引号为 2 的 <p> 元素开始选择 <p >元素:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("p").slice(2).css("background-color", "yellow");
  8. });
  9. </script>
  10. </head>
  11. <body>
  12. <h2>欢迎来到我的主页</h2>
  13. <p>我的名字是 Donald (索引号 0).</p>
  14. <p>Donald Duck (索引号 1).</p>
  15. <p>我居住在 Duckburg (索引号 2).</p>
  16. <p>我最好的朋友是 Mickey (索引号 3).</p>
  17. <div>在本例中,我们从索引位置为 2 的 p 元素开始选择 p 元素。此时将选择所有 p 元素。请注意,索引编号从 0 开始。</div>
  18. </body>
  19. </html>

定义与用法

slice() 方法根据其索引选择元素的子集。

子集是较大集合的一部分。

此方法用于通过起点和终点限制组中元素的选择: start 参数是一个开始索引(从 0 开始) 从中创建子集, 而 stop 参数是一个可选的结束点。


语法

  1. $(selector).slice(start,stop)
参数描述
start必填。指定从何处开始选择元素。索引号从 0 开始
注意: 使用负数将从所选元素的末尾而不是开头选择元素
stop可选。指定结束元素选择的位置。如果省略,选择将持续到集合结束。索引号从 0 开始
注意: 使用负数将从所选元素的末尾而不是开头选择元素

更多实例

如何使用这两个参数从起点和终点选择 p 元素

使用负数开始选择 p 元素,从末尾开始计数,而不是从开头

使用带负数的 start 和 stop 开始选择从末尾开始计数的 p 元素

分类导航