通过提取类别名称使用jQuery对列表项进行重新排序

webchun

我想通过使用match从类名称中提取数字来重新排列列表顺序(我从这篇文章改编了代码),但这是行不通的。这是我的代码:

HTML:

<ul class="class-of-ul">
    <li><a href="#" class="class-of-li-66">66</a></li>
    <li><a href="#" class="class-of-li-69 current-li">69</a></li>
    <li><a href="#" class="class-of-li-65" >65</a></li>
    <li><a href="#" class="class-of-li-68" >68</a></li>
    <li><a href="#" class="class-of-li-67" >67</a></li>
</ul>

jQuery的:

$(document).ready(function() {
    $("ul").append($("li").get().sort(function(a, b) {
        return parseInt($(a).attr("class").match(/\d+/)) - parseInt($(b).attr("class").match(/\d+/))
    }));
}); 

这是jsfidle链接

阿伦·P·约翰尼(Arun P Johny)

class是对a里面的元素li,所以你需要使用的使用.find(),以获得anchor元素,并找到它的类

$(document).ready(function () {
    $("ul").append($("li").get().sort(function (a, b) {
        return $(a).find('a').attr('class').match(/\d+/) - $(b).find('a').attr('class').match(/\d+/)
    }));
});

演示:小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

jQuery根据类对列表项进行重新排序

jQuery在类名称上对列表项进行排序

提取类别名称

如何通过拖放重新排序列表项?

PHP - 按类别名称对对象数组进行排序和排序

如何对下拉列表进行重新排序(jquery)

通过拖动行使用jquery对数据表中的数据进行排序(行重新排序)

Excel使用列表对列进行重新排序

如何使用 QSortFilterProxyModel 按字母顺序对列表项进行排序?

单击关闭图标后如何删除具有相同类别名称的当前列表项

根据列表项的长度对列表进行排序

如何使列表项可重新排序?

通过在python中对字典进行排序来提取键列表

如何使用jQuery重新排序列表

如何在类别列表页面上显示类别名称?

使用Eloquent检索父类别名称?

Magento通过类别名称和类别父名称获取类别ID

使用jQuery UI对列表进行排序

如何通过使用 jquery 单击复选框对项目列表进行排序?

通过字典与列表项进行解析

TinyMCE类别名称

返回类别名称

使用变量名称向量重新排序多个类别变量的级别

如何在下拉列表中加载类别名称

用于从SQL查询到单个类别名称作为键的重复类别名称的Python重新排列字典

jQuery/Javascript 无法通过“检查”按钮划破附加列表项的名称文本

使用Beautiful Soup提取特定列表项

如何使用 BeautifulSoup 的 href 提取列表项?

在使用新变量对列表进行别名化时,如何维护列表名称