jquery - 用 JQuery 替换 <li> 索引值?

标签 jquery replace html-lists

我正在开发一个涉及使用无序列表的交互式网页。我想要的是,每当用户单击该列表中的某个元素时,无论它是第一个子元素还是第十个元素,该元素都会成为第一个子元素。
我想出了几种方法来查找 <li> 的索引值被单击,但我一直无法找到替换该元素索引值的方法。
这似乎是一个以前应该问过的问题,但我梳理了一堆图像和元素幻灯片,它们所做的只是滚动浏览或淡入淡出灯箱内容,这甚至与我的内容不相近。米之后。
任何想法将不胜感激。

最佳答案

prepend 将元素作为第一个子元素移动到选择器

http://api.jquery.com/prepend/

所以你可以这样做:

$('li').click(function() {
   $(this).parent().prepend($(this));
});

http://jsfiddle.net/3hLk7/

关于jquery - 用 JQuery 替换 <li> 索引值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10068597/

相关文章:

javascript - 如何替换 JavaScript 中出现的所有字符串?

html - CSS 响应式网页 : display 2 ul li elements in one line (into each other)

html - 要移动到 li 标签下方的背景图片

javascript - javascript 是否具有在给定时间内向收件人发送警报/通知电子邮件的功能?

jquery - CSS 属性 margin-top :-10px animation with Jquery affects the following divs, 我怎样才能修复它们?

javascript - 尝试在单击时使用 Jquery 更改 html 的背景颜色

javascript - google recaptcha V2 完成时自动发送表单

php - 使用 PHP 重命名文件

dictionary - jq 将 value 替换为 map 并根据两个条件在列表中进行选择

html - 如何在不指定固定宽度的情况下将无序列表 (ul) float 到图像右侧