通过类排序li元素与jQuery(Sorting li elements by class with

2019-09-16 11:34发布

我想通过与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));
});

Answer 1:

你错过了. -选择一个DOM元素class ,你必须使用. -参见类选择文档

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

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

另外,您可以添加. 到所述阵列

工作示例这里



Answer 2:

我会得到每个的内HTML li到一个数组,清空ul元素,然后重新填充ul与在第一步骤中创建的所述阵列的所述排序的项目。



文章来源: Sorting li elements by class with jQuery