4

我想用 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>

我现在想通过数组重新排序 DOM 元素。

我试过了，但我没有让它运行：

var array = ['element2', 'element1', 'element3'];

$.each(array,function(index,value){
   $('.xyz').append($(value));
});
4

2 回答 2

6

你错过了.- 选择一个class你必须使用的 DOM 元素.- 请参阅类选择器文档

var array = ['element2', 'element1', 'element3'];

$.each(array,function(index,value){
   $('.xyz').append($('.'+value));    // add . here
});​

或者，您可以.将

这里的工作示例

于 2012-04-11T16:04:17.657 回答
1

我会将每个元素的内部 HTMLli放入一个数组中，清空ul元素，然后ul用第一步中创建的数组的排序项重新填充。

于 2012-04-11T16:04:36.777 回答