jQuery slice() 方法在 html 中选择元素（第一个/最后一个）

Posted 2023-05-09

【中文标题】jQuery slice() 方法在 html 中选择元素（第一个/最后一个）

【英文标题】：jQuery slice() Method select elements (first/last) in html

【发布时间】：2013-11-22 03:24:54

【问题描述】：

我想问有九个元素作为 .projects ul 类，我想问我如何使用 jQuery 切片方法选择前三个和后三个？

$(document).ready(function()
$(".projects").slice().css("background-color","yellow");
);

http://jsfiddle.net/eW6S5/176/

【参考方案1】：

试试这个：

:gt() 选择大于传递值的元素。

:lt() 选择小于传递值的元素。

$(document).ready(function()
    var n = 3;
    var len = $(".projects").length - (n+1);      
    $(".projects:lt("+n+"),.projects:gt("+len+")").css("background-color","yellow");
);

Fiddle here.

【讨论】：

谢谢。你有方法选择前三个自定义和后三个自定义？

前三个边距 20px 和后三个边距 0 px 用这个？不在一个规则中？用切片？

$(".projects:lt("+n+")").css("margin","20px");// 前 3 个 $(".projects:gt("+len+")").css("margin","0px");// 后 3 个