Dom*_*nic 4 html sorting jquery jquery-selectors html-lists
我想用jQuery通过数组重新排序li元素
我的列表代码如下所示:
<html>
<head>
<script src="list.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="list">
<ul class="xyz">
<li class="element1">content for 1</li>
<li class="element2">content for 2</li>
<li class="element3">content for 3</li>
</ul>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我现在想通过数组重新排序DOM元素.
我试过了,但我没有让它运行:
var array = ['element2', 'element1', 'element3'];
$.each(array,function(index,value){
$('.xyz').append($(value));
});
Run Code Online (Sandbox Code Playgroud)
您错过了.- 选择一个class必须使用的DOM元素.- 请参阅类选择器文档
var array = ['element2', 'element1', 'element3'];
$.each(array,function(index,value){
$('.xyz').append($('.'+value)); // add . here
});?
Run Code Online (Sandbox Code Playgroud)
或者,您可以添加.到数组