javascript - 如何使用 jquery 根据 id 属性对列表项进行排序?

标签 javascript jquery html sorting attributes

你好,所以我有这个问题,我使用 magento,但我找不到如何切换我的选项卡的位置,所以我认为 JQuery 可以派上用场。这就是我的例子

<li id="tab-4">
<li id="tab-3">
<li id="tab-2">
<li id="tab-1">

我需要做到这一点

<li id="tab-1">
<li id="tab-2">
<li id="tab-3">
<li id="tab-4">

有没有快速的方法呢?还是我必须一项一项地完成?

最佳答案

我猜你有一个 <ul>你身边<li>

ul = $('ul'); // your parent ul element
ul.children().each(function(_,li){ul.prepend(li)})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li id="tab-4">4</li>
<li id="tab-3">3</li>
<li id="tab-2">2</li>
<li id="tab-1">1</li>
</ul>

关于javascript - 如何使用 jquery 根据 id 属性对列表项进行排序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42299524/

相关文章:

javascript - URL最后一部分正则表达式

jquery ui拖动事件取消点击事件

javascript - 将隐藏字段传递给 JavaScript 函数

javascript - Bootstrap 复选框切换 - 单击后如何获取复选框的值

php - 用 PHP 或 HTML 绘制图表

javascript - 为ajax加载图像

Javascript 替换标签内的字符串

javascript - 删除类不适用于 id #.parent?

javascript - 基于国家/地区的简单 jquery 重定向无法正常工作

php - 在 jQuery 函数中获取结果 PHP 代码?