本文介绍了用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对类元素进行排序
发布评论