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());

演示：小提琴