文章/答案/技术大牛

发布

社区首页 >问答首页 >用jQuery按类对li元素排序

问用jQuery按类对li元素排序
EN

Stack Overflow用户

提问于 2012-04-11 16:01:57

回答 2查看 3.6K关注 0票数 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));
});

html

sorting

jquery-selectors

html-lists

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-04-11 16:04:17

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

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

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

或者，可以将.添加到数组中。

这里的工作示例

票数 6

Stack Overflow用户

发布于 2012-04-11 16:04:36

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10109656

复制

相似问题

问用jQuery按类对li元素排序
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用jQuery按类对li元素排序EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用jQuery按类对li元素排序
EN