javascript - 用jquery替换div

Question

我想使用a href链接和 jquery 将 1 个 div 替换为另一个。这是我的设置。

<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>

有人知道如何使用 jquery 来完成这个吗？如果可能的话，我也想<a href=#1"></a>在它被选中时消失并<a href="#2"></a>出现，反之亦然？

Answer 1

如果要根据单击的元素隐藏内容，可以尝试以下操作：

$(document).ready(function(){
   $('#replacepagelinks a').click(function(){
       $(this).hide().siblings().show()
       var w = this.hash.replace('#', '');
       $('#parent div.child'+w).show().siblings().hide()
   })
})