如何從`UL li`獲得的價值，而在另一個`UL寫li`

Question

問題：1

我有，這將獲取從一個值寫入喜歡寫作another.its 2種ul li元素值從li a到另一個li b使用jquery html函數。一切正常，儘管我只需要寫出前5個字符。

問題：2

我有一個進度條，該酒吧將填滿每一步。在最初階段，儀表既不會前進也不會倒退，甚至導航儀也能工作。在填寫每個步驟時，進度表將擴展，導航將添加一個類active。所以一旦Iam在步驟2或者更進一步，我只需要啓用導航，就可以完成其中的步驟，就像我可以返回並編輯已完成的細節。

所以這裏是代碼

$('article:not(:last-child) ul li, .continue').click(function() { 
    $(this).parents('article').hide().next().fadeIn('slow'); 
    var index = $('article').index(); 
    $('.subnav-tabs>.row>.active').find('b').text($(this).find('a').html()); 

    $(".progress-meter>span").animate({ 
     "width": "+=20%", 
    }, "slow").promise().done(function() { 
     $('.subnav-tabs>.row>.active').removeClass('active').next().addClass('active'); 
    }); 

}); 

DEMO

在此先感謝。

Answer 1

有點難以確定的要求，但這裏是我的刺傷。

的jsfiddle：http://jsfiddle.net/91m965L0/3/

$('article:not(:last-child) ul li, .continue').click(function() { 
    var $li = $(this); 

    // Hide current article and show the next 
    var $article = $li.closest('article'); 
    $article.hide().next().fadeIn('slow'); 

    // Get index of selected article 
    var index = $article.index(); 

    // Copy the text to the matching slot 
    $('.subnav-tabs .row div').eq(index).find('b').text($li.text().substr(0, 5)); 

    $(".progress-meter>span").animate({ 
     "width": ((index+1) * 20) + "%", 
    }, "slow").promise().done(function() { 
     $('.subnav-tabs .row div').eq(index).addClass('active').nextAll(); 
    }); 

}); 

$('.subnav-tabs').on('click', 'div.active', function() { 
    var $item = $(this); 
    $('article').eq($item.index()).fadeIn('slow').siblings('article').hide(); 
}); 

的代碼已被更改爲使用菜單和文章並行索引值，以保持同步。進度條現在基於選擇計算結束位置，而不是逐步添加20％。您可能想要修改此行爲，因爲向後退出會減少完成百分比。

注意：爲了使index能夠給出基於0的索引（其中包括原始菜單中的菜單div），您需要擁有文章的共同祖先。