Javascript 使用“下一步”和“上一步”按钮循环浏览li元素

我在ul li中的内容如下：

<ul>
  <li>Content 1 Detail</li> 
  <li>Content 2 Detail</li> 
  <li>Content 2 Detail</li> 
</ul>

内容1详细信息
内容2详细信息
内容2详细信息

现在我想在单击下一步按钮时显示内容2，依此类推。我试过了，但它的反向链接不起作用

---

请在这里帮助我。

首先，在下一个和上一个函数中，它不应该是

。appendTo（'ul'）

，因为它将复制

li

（检查DOM）。改用

.appendTo（$（this）.parent（）

）

另外，它不起作用的原因是因为您在

fadeOut（）

回调

$（this）.parent（'.container'）

）中使用了。但是在该回调中，

this===li

，并且它没有父

.container

但是，您只能在没有参数的情况下使用

.parent（）

，并且它可以工作：

干杯：）。。你拯救了生命