jquery Map () не работает над списком HTML

Question

jquery Map () не работает над списком HTML

0

Я пытаюсь получить массив элементов внутри списка 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/

Но до сих пор, я получаю пустой массив, почему?

DomingoSL 26 сен. 2013, в 12:52

Источник

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-09-26T07-58-00.000Z

вам нужно зацикливать элементы li, потому что данные gid принадлежат элементу li не в элементе ul

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

Демо: скрипка