javascript - 选项卡和内容放入数组中

Question

我有两个选项卡，如本例所示:

<div id="tabs">
<ul>
<li><a href="#tabs-1">me</a></li>
<li><a href="#tabs-2">you</a></li>
</ul>
<div id="tabs-1">
<ul id="sortable1" class="connectedSortable ui-helper-reset">
  <li class="ui-state-default">Item 1</li>
  <li class="ui-state-default">Item 2</li>
  <li class="ui-state-default">Item 3</li>
  <li class="ui-state-default">Item 4</li>
  <li class="ui-state-default">Item 5</li>
  </ul>
   </div>
   <div id="tabs-2">
  <ul id="sortable2" class="connectedSortable ui-helper-reset">
  <li class="ui-state-highlight">Item 5</li>
  <li class="ui-state-highlight">Item 6</li>
  <li class="ui-state-highlight">Item 7</li>
  <li class="ui-state-highlight">Item 8</li>
  <li class="ui-state-highlight">Item 9</li>
   </ul>
  </div>
  </div>

我想将其全部转换为数组: me=>1,2,3,4,5 you=>5,6,7,8,9 有什么想法吗？认为也许 sortable1< li.index 并给出每个 li id 但如何将它与选项卡连接？一点帮助就很好了。

Answer 1

var obj = {};

$('#tabs > ul li a').each(function(i,ele) {
    obj[$(ele).text()] = $.map($('li', $(ele).attr('href')), function(k, i) {
        return $(k).text();
    });
});

FIDDLE