Javascript 如何获取j查询中的下一个元素？

我试图让jQuery做到这一点：

当我单击按钮时，它选择

next（）

元素并克隆它。如果我再次单击按钮，它将选择下一个元素中的下一个元素并克隆它，依此类推

长话短说。。。我单击一次它克隆“2”我再次单击它克隆“3”等等

出了什么问题，我如何才能做到

var x=$（“.show”）； $（“.button”）。单击（函数（）{ $（“.first”）.next（）.clone（true，true）.appendTo（x）； });

点击我

1.
2.
3.
4.
5.

我会这样做：

var x=$（“.show”）； var计数=0； $（“.button”）。单击（函数（）{ 变量元素=$（“.first”）； 计数++； 对于（变量i=0；i

点击我

1.
2.
3.
4.
5.

此演示是一个可重复使用的函数（请记住在函数外部声明间隔（

var i=0

）。由于您没有提到是否要克隆超过给定节点的数量，因此在达到该限制后，我添加了一个确认

演示

var i=0；
$（“.button”）。在（'click'，function（）上{
二肽（'.hide li'，'.show'）；
});
双功能（选择器，至）{
如果（i>$（选择器）.length-1）{
返回msg.call（this）；
}
$（选择器）.eq（i）.clone（true，true）.appendTo（$（TO））；
i++；
}
函数msg（）{
var m=确认(`
最后一项已克隆。
[确定]到开头或结尾处
[取消]退出。`）；
var x=m？i=0:false；
返回x；
}

ul{
列表样式：无；
}
李{
显示：内联表；
}
李：之后{
内容：“\2c\a0”；
}
.表演{
可见性：可见
}
.隐藏{
可见性：隐藏
}

点击我


1
二,
三,
四,
五,

哪里有

。显示
？顺便说一句，is在
中比在
中更有意义。如果你不想要那些傻乎乎的项目符号，可以添加
列表样式：none
到
CSS。你还应该添加结束标记：
到
来关闭它。我刚刚得到了基本样式，这样读者就不会被太多的代码弄糊涂了。。。保持简单这是令人钦佩的，但请注意
元素只能包含“零个或多个
元素”，并且“起始标记和结束标记都是必需的”。