用jQuery对类元素进行排序 [英] Sorting li elements by class with jQuery
本文介绍了用jQuery对类元素进行排序的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想使用jQuery通过数组重新排序li元素
我的列表代码如下所示：
My list code looks like this:
<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元素。
I now want to reorder the DOM elements through an array.
我试过了，但是没有运行：
I tried, but I don't get it running:
var array = ['element2', 'element1', 'element3'];
$.each(array,function(index,value){
$('.xyz').append($(value));
});
推荐答案
您错过了 / code> - 要选择一个具有 class 的DOM元素，您必须使用。 - 请参阅 class selector docs
You missed a . - to select a DOM element with a class you must use . - see the class selector docs
var array = ['element2', 'element1', 'element3'];
$.each(array,function(index,value){
$('.xyz').append($('.'+value)); // add . here
});
或者，您可以添加。到数组
Alternatively you could add the . to the array
这篇关于用jQuery对类元素进行排序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
