选择列表的后半部分并应用 css

Question

在做了一些研究之后，我意识到用纯 CSS 选择动态列表的后半部分是不可能的。

我从另一个堆栈溢出中得到了这个，但我只是添加了 wordpress 的第一行和最后一行。

jQuery(function ($) {
var yourList = $(".supercarousel div");
yourList = yourList.slice(0, Math.floor(yourList.length/2));
});

我不太擅长 jQuery，我想做的是使用 display:none 或其他方法隐藏列表的后半部分。

由于某种原因，我使用的轮播复制了图像，但除此之外，我对轮播真的很满意。

Answer 1

尝试在此上下文中使用:gt() 选择器和.filter() 来完成您的任务，

var yourList = $(".supercarousel div");
var len = yourList.length;   
yourList = yourList.filter(':gt('+ ((len/2) - 1) +')');

DEMO