0

この例のように 2 つのタブがあります。

<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を指定しますが、それをタブに接続するにはどうすればよいですか? 少しの助けがいいでしょう。

4

3 に答える 3

4 
var obj = {};

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

フィドル

于 2013-05-05T03:15:38.797 に答える