作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
<分区>
Possible Duplicate:
How may I sort a list alphabetically using jQuery?
我正在使用 jQuery 来拯救有限的 CMS 设置。
我需要按字母顺序对有序列表进行排序,但随后我还需要能够将“特殊”列表项放在列表顶部,然后仅对那些按“可选”数值降序的特殊项再次排序。
例如,如果这是我的原始标记:
<ul>
<li class=" ">C</li>
<li class=" ">A</li>
<li class=" ">B</li>
<li class=" ">E</li>
<li class=" ">D</li>
<li class="3">Z</li>
<li class="6">Y</li>
<li class="14">X</li>
</ul>
...我希望 jQuery 对其进行排序,因此这将是生成的 DOM 内容:
<ul>
<li class="14">X</li>
<li class="6">Y</li>
<li class="3">Z</li>
<li class=" ">A</li>
<li class=" ">B</li>
<li class=" ">C</li>
<li class=" ">D</li>
<li class=" ">E</li>
</ul>
如果无法按类值排序或排序过于复杂,也许我可以改用以下标记结构:
<ul>
<li><span class="numerical">3</span><span class="alphabetical">B</span></li>
</ul>
有谁知道什么 jQuery 代码可以让我这样做?我是否需要运行一系列嵌套的“每个”操作以及以某种方式比较值的“insertAfter”和“insertBefore”函数?我认为有更好的方法,但我不确定从哪里开始我的研究。
我愿意接受任何和所有的建议。与此同时,我也会尝试自己解决这个问题,但我仍然是 jQuery 菜鸟,所以我怀疑我自己能否找到正确的代码:)
谢谢!!
我是一名优秀的程序员,十分优秀!