jquery - 更改元素的 attr() 存在于具有相同索引的不同 div 中

Question

我正在尝试href从另一个 div 的元素中更改一个元素，其中两者都具有相同的索引或第 n 个子编号，例如：

我想将两个索引号相同的.nav-tabs ahref 替换为.tab-content .tab-panes id，

但我的代码只适用于第一个锚点，并且i总是返回 0：

 var i = 0;
 jQuery('#pane').each(function () {
     var p = jQuery(this).attr('id', 'pane-' + randomNumber());
     alert(i);
     jQuery(this).closest('.tab-content').prev().children('ul.nav-tabs li')
         .eq(i).find('a').attr('href', '#' + p.attr('id'));
     i++;
 });

HTML

<div class="tabbable" id="tabs">
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#tab1" data-toggle="tab">Tab1</a>
        </li>
        <li>
            <a href="#tab2" data-toggle="tab">Tab2</a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="pane">

        </div>
        <div class="tab-pane" id="pane">

        </div>
    </div>
</div>

Answer 1

$(function()
{
    var tab_lis = $('.nav-tabs li');
    var serial = 0;

    $('.tab-content>div').each(function ()
    {
      var div = $(this);
      var id = 'd' + (++serial);
      div.attr('id', id);

      var li = tab_lis.eq(div.index());
      var a = li.find('a');

      a.attr('href', '#' + id);
    });
});

http://jsfiddle.net/RNmYV/1/