javascript - jquery Map() 不适用于 html 列表

Question

我正在尝试获取 html 列表中的元素数组:

<ul id="sortable1" class="connectedSortable ui-sortable">
    <li data-gid="36" class="ui-state-default giftsout" style="height: 90px; overflow-x: hidden;">
        <span style="color: #666; font-size: 14px; font-family: 'Roboto Slab', serif;">ITEM1</span>
    </li>
    <li data-gid="37" class="ui-state-default giftsout" style="height: 90px; overflow-x: hidden;">
        <span style="color: #666; font-size: 14px; font-family: 'Roboto Slab', serif;">ITEM2</span>
    </li>
</ul>

还有 JS:

console.log($('#sortable1').map(function() { var $item = $(this); return $item.data('gid'); }).get());

JSFiffle:http://jsfiddle.net/U4JBg/1/

但到目前为止，我得到一个空数组，为什么？

Answer 1

您需要循环 li 元素，因为 gid 数据属于 li 元素，而不是 ul 元素

console.log($('#sortable1 li').map(function() { var $item = $(this); return $item.data('gid'); }).get());

演示:Fiddle