javascript - 使用数据属性对 div 进行排序
问题描述
我正在尝试使用 data 属性按姓氏(在空格之后)对嵌套的 div 进行排序。
div层次结构如下:
var oop = $('.wrap').sort(function(a, b) {
return String.prototype.localeCompare.call(
$(a).data('name').split(' ').pop().trim().toLowerCase(),
$(b).data('name').split(' ').pop().trim().toLowerCase()
);
});
$('.speakers-row').html(oop);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="speakers-row">
<div class="wrap" data-name="Aric Zer">
11
</div>
<div class="wrap" data-name="Mike Aer">
22
</div>
<div class="wrap" data-name="Ryan Xer">
33
</div>
</div>
解决方案
推荐阅读
- reactjs - Redux Action 返回未定义
- php - 从“www”更改 URL 后会话 ID 重新启动。到非“www”。
- node.js - 通过端点 URL 将图像/pdf 文件上传到 Suite CRM 上传目录
- python - Pandas 高级:如何在 groupby 之后创建具有 nlargest 3 和 nsmallest 3 值的多索引数据框?
- sql - 拆分列并将文本值添加到数值
- c++ - 是否可以在 Visual Studio 中创建一个以对象作为键和值的 unordered_map?
- python-3.x - 列重复时如何从字符串写入 pd 数据帧?
- typescript - 如何修改类型的嵌套属性?
- android - 如何在浏览器中查看 JSON API 的结果
- mysql - 无法在 MySQL 5.7 中添加外键(引用表中缺少约束)