javascript - 使用下一个和上一个按钮循环遍历 li 元素

标签 javascript jquery html css

<分区>


关闭 8 年前

我在 ul li 中有如下内容:

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

现在我想在单击下一步按钮时显示 content 2 等等。我试过 JSFiddle但其中的反向链接不起作用。

请帮帮我。

最佳答案

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

此外,它不起作用的原因是因为您在 fadeOut() 回调中使用了 $(this).parent('.container')。但在该回调中,this === li 并且它没有父级 .container

然而,您只能使用不带参数的 .parent() 并且它有效:http://jsfiddle.net/zYnYM/27/

关于javascript - 使用下一个和上一个按钮循环遍历 li 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26554354/

上一篇:javascript - 单击 div 时滚动到顶部,如果滚动在顶部则滚动到底部

下一篇:css - 试图在移动设备上隐藏元素

相关文章:

javascript - 在 Textarea 中的 Keyup 事件上触发 Twitter Bootstrap Popover?

javascript - Fine-Uploader 上传前预览图像 - FileReader

javascript - 比较数组图像和值,如果可以提交表单

jquery - 通过 JQuery 检测元素上的内联样式/CSS 更改

javascript - 事件导航按钮中的不同颜色

php - 如何使用登录表单将密码用户名与 php mysql 匹配

javascript - backbone.js 三向模型同步

javascript - 如何将 CSS 样式添加到 javascript

jQuery:removeClass 中的通配符类选择器

javascript - 如何使用 angular.js View 刷新页面?