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

Question

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