Javascript 选择元素并使其成为第一个元素 一个 两个 三 四

Javascript 选择元素并使其成为第一个元素 一个 两个 三 四,javascript,jquery,html,css,jquery-ui,Javascript,Jquery,Html,Css,Jquery Ui,当我点击三个按钮时,我希望它是这样的:- <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> </ul> 三 一个 两个 四 使用remove()和prepend()方法处理单击事件 $(“body”)。在(“单击”,“li”,函数()上){ $('ul')。前置($(t

当我点击三个按钮时,我希望它是这样的:-

<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
    <li>Four</li>
</ul>
  • 一个
  • 两个

使用
remove()
prepend()
方法处理单击事件

$(“body”)。在(“单击”,“li”,函数()上){
$('ul')。前置($(this));
});

  • 一个
  • 两个

如果您有jQuery,您可以使用:

$('#items li')。单击(函数(){
$(this.parent().prepend(this);
});

  • 一个
  • 两个
你可以试试这个

$('listli')。在('click',函数(){
var指数=$('li')。指数(本);
如果(索引!==0){
$(this.prependTo($(this.parent());
}
});

  • 一个
  • 两个

Remove and prepend…请添加一些到目前为止您尝试过的代码,我们将帮助您调试它。为什么您需要一个循环,为什么您需要删除?您不需要任何一个-您可以直接附加/预结束DOM对象,而不必担心它被克隆,循环是完全多余的
<ul>
    <li>Three</li>
    <li>One</li>
    <li>Two</li>
    <li>Four</li>
</ul>