Javascript 如何选择下一个'；n'；是否使用jQuery在每次单击时连续显示元素？

如何使用jQuery在每次单击时选择下一个“n”连续元素？

在下面的示例中，我希望在第一次单击按钮时选择前4个li元素，在第二次单击时选择下4个li元素，在第三次单击时选择下4个li元素，最多选择n个li元素

$（文档）.ready（函数（）{
$（“.btn”）。在（'click'，function（）上{
$（“li:n个子（-n+4）”）.addClass（“选定”）；
});
});
.btn{文本装饰：无；背景：蓝色；颜色：#fff；填充：5px；边框半径：4px；浮动：左；}
ul{list style:none；float:left；clear:both；}
ul li{填充：5px；背景：555；颜色：fff；浮动：左；边框半径：2px；边距：2px；}
.所选{背景：红色；}

选择接下来的4个连续元素

前四
前四
前四
前四
第二个4
第二个4
第二个4
第二个4
三四
三四
三四
三四
您可以创建一个初始化为
0
的变量，并将变量增加
4
，使用
.slice（）
选择n个元素


$（文档）.ready（函数（）{
var n=0；
$（“.btn”）。在（'click'，function（）上{
$（“li”）
.removeClass（“选定”）
.slice（n，n+=4）
.addClass（“选定”）；
如果（n>=$（“li”）.length）n=0；
});
});
.btn{文本装饰：无；背景：蓝色；颜色：#fff；填充：5px；边框半径：4px；浮动：左；}
ul{list style:none；float:left；clear:both；}
ul li{填充：5px；背景：555；颜色：fff；浮动：左；边框半径：2px；边距：2px；}
.所选{背景：红色；}

选择接下来的4个连续元素

前四
前四
前四
前四
第二个4
第二个4
第二个4
第二个4
三四
三四
三四
三四
您可以创建一个初始化为
0
的变量，并将变量增加
4
，使用
.slice（）
选择n个元素


$（文档）.ready（函数（）{
var n=0；
$（“.btn”）。在（'click'，function（）上{
$（“li”）
.removeClass（“选定”）
.slice（n，n+=4）
.addClass（“选定”）；
如果（n>=$（“li”）.length）n=0；
});
});
.btn{文本装饰：无；背景：蓝色；颜色：#fff；填充：5px；边框半径：4px；浮动：左；}
ul{list style:none；float:left；clear:both；}
ul li{填充：5px；背景：555；颜色：fff；浮动：左；边框半径：2px；边距：2px；}
.所选{背景：红色；}

选择接下来的4个连续元素

前四
前四
前四
前四
第二个4
第二个4
第二个4
第二个4
三四
三四
三四
三四
在第二次单击时，以前选择的元素是否保留添加的
类名
？选择n个元素后会发生什么？谢谢！应取消选择以前选择的图元。选择是在我的案例中添加一个类。在第二次单击时，以前选择的元素是否应该保留添加的
类名
？选择n个元素后会发生什么？谢谢！应取消选择以前选择的图元。选择是在我的案例中添加一个类。