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>