获取jQuery UI的数据属性

我有一个jQuery UI可选列表：

我生成的每一行都有一个唯一的ID，如下所示：

<ol id="selectable">
  <li class="ui-widget-content" data-userid="5">test</li>
  <li class="ui-widget-content" data-userid="6">adfsg</li>
  <li class="ui-widget-content" data-userid="7">ghj</li>
  <li class="ui-widget-content" data-userid="8">fhjk</li>
  <li class="ui-widget-content" data-userid="9">fhn</li>
</ol>

---

如果我执行

console.log（ui.selected）

，就会得到整个HTML字符串。我想我走错了方向。有什么想法吗？

假设所选项目的类将被ui选中：

$('#selectable .ui-widget-content.ui-selected').each(function(index) {
     alert($(this).attr('data-userid'));
});

---

该插件为所选项目添加了一个

.ui selected

类，因此很容易获得所选项目

该函数允许返回一个（排序）数组，并通过回调返回数据：

var ids = $('#selectable .ui-selected').map(function() {
    return $(this).data('userid');
});

// to get a pure javascript array
ids.toArray();

---

这是一个可以玩的游戏。

是的，它目前获得了所有用户ID，但非常接近！我已经添加了一些css和一个更有用的提示。

var ids = $('#selectable .ui-selected').map(function() {
    return $(this).data('userid');
});

// to get a pure javascript array
ids.toArray();