使用数据属性对div进行排序

时间:2019-12-07 16:37:11

标签: javascript jquery

我正在尝试使用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>

0 个答案:

没有答案