我有一個jQuery腳本，當選擇href =「＃1」時，它替換div（child1和child2）。我有這些安排在菜單中，像這樣：Jquery用下一個和後面的鏈接替換Div
<div id=menu">
<div class="menu_item">
<a href="#" class="drop_menu"></a>
<div id="parent">
<div class="child1">Child 1 Contents</div>
<div class="child2">Child 2 Contents</div>
</div>
<div id="replacepagelinks">
<a href="#1">Replace Child 1 with Child 2</a>
<a href="#2">Replace Child 2 with Child 1</a>
</div>
</div>
<div class="menu_item">
<a href="#" class="drop_menu"></a>
<div id="parent">
<div class="child1">Child 1 Contents</div>
<div class="child2">Child 2 Contents</div>
</div>
<div id="replacepagelinks">
<a href="#1">Replace Child 1 with Child 2</a>
<a href="#2">Replace Child 2 with Child 1</a>
</div>
</div>
<div class="menu_item"> etc.. </div>
這裏是jQuery的：
$('.child2, a[href="#1"]').hide()
，它可以隱藏相應的DIV +鏈接。
$('#replacepagelinks a').click(function(){
$(this).hide().siblings().show()
var w = this.hash.replace('#', '');
$('#parent div.child'+w).show().siblings().hide()
})
與child2格取代child1，也改變了＃1〜＃2 a href鏈接。在這裏我想<a href="#1">Replace Child 1 with Child 2</a>和<a href="#2">Replace Child 2 with Child 1</a>是在單獨的類，所以我可以讓他們爲「下一步」工作在頁面兩側的「後退」鏈接，就像這樣：
<div id="replacepagelinks">
<div class="pagelink_left">
<a href="#2">Back</a>
</div>
<div class="pagelink_right">
<a href="#1">Next</a>
</div>
<div class="clear"></div>
</div>
但我與jQuery的經驗是非常有限，所以我不知道我需要改變。
我也有jQuery的可復位的div讓每一個菜單項通過<a href="#" class="drop_menu"></a>選定的時間總是顯示第一child1和正確的鏈接child2：
$(".drop_menu").on('click', function() {
$(this).parent().find('.child1, a[href="#2"]').show().siblings().hide();
});
我的主要問題是，我想能夠有超過2個div的孩子，但不知道如何更新我的jquery以反映這一點。
1.In child1我想ONLY <a href="#1">Replace Child 1 with Child 2</a>
2.In的child2我想<a href="#2">Replace Child 2 with Child 1</a>和<a href="#3">Replace Child 2 with Child 3</a>
3.In child3我想<a href="#3">Replace Child 3 with Child 2</a>和<a href="#4">Replace Child 3 with Child 4</a>
4.In child4我想要<a href="#4">Replace Child 4 with Child 3</a>和<a href="#5">Replace Child 4 with Child 5</a>。
5.In child5我想ONLY <a href="#5">Replace Child 5 with Child 4</a>
所以每一頁都有，除了它只有一個「下一步」鏈接，其中只有最後一頁第一頁一個「未來」和「回」鏈接'後退'鏈接。
讓事情更復雜:)一些菜單項有2個子div，有些有3個子div，有些有4個子div。在這些情況下，我希望最後一頁（分別是2,3和4）只顯示1個鏈接，可以返回上一頁。
感謝您的幫助。 Pia