Question

我想使用a href链接和jquery将1 div替换为另一个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()
   })
})

用jquery替换div

1 个答案: