使用下一个和上一个按钮循环使用li元素

Question

我的内容如下：

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

现在我想在点击下一个按钮时显示content 2，依此类推。我试过JSFiddle，但后面的链接不起作用。

请帮帮我。

Answer 1

首先，在下一个和上一个函数中，它不应该是.appendTo('ul')因为它将复制li（检查DOM）。请改用.appendTo($(this).parent()。

此外，它无效的原因是因为您在fadeOut()回调$(this).parent('.container')内部使用。但在回调中，this === li并且它没有父.container。

但是，您可以仅使用.parent()而不使用参数，它可以正常工作：http://jsfiddle.net/zYnYM/27/