0

ループjsに問題があります。クラスから inにdata-icon値をコピーしたいと思います。とにかくjqueryでそれを解決する簡単な方法はありますか？.navli#item-control

<div id="nav-container">
  <ul class="nav">
   <li data-icon="images/1.png">Item 1</li>
   <li data-icon="images/2.png">Item 2</li>
   <li data-icon="images/3.png">Item 3</li>
  </ul>
</div>

<div id="item-control">
  <li>Item Control 1</li>
  <li>Item Control 2</li>
  <li>Item Control 3</li>
</div>

私が試したこと：

$(document).ready(function () {
    var a = 1;
    $('#container #nav-container ul.nav li').each(function () {
        var item_control = $(this).parent().parent().parent().find('#item-control li');
        item_control.addClass('item' + a);  //this is what I tried before adding data-icon attributes to #item-control li
        a++;
    });
});
4

1 に答える 1

0 
var $navItems = $('.nav li'),
    $itemControlItems = $('#item-control li');
$.each($navItems, function(index, el) {
    $($itemControlItems[index]).data('icon', $(el).data('icon'));
});

フィドル

于 2013-01-19T04:31:46.840 に答える