jquery - 使用 jQuery prepend 添加 div 元素

Question

我想知道是否可以有几个具有不同 id 的 div 元素具有不同的内容，然后根据菜单中的选择添加它们？当页面加载时，所有这些元素都应该被隐藏。我可以这样做吗？

编辑：我的想法是将所有信息放在一个页面上，并根据用户的选择只显示一些部分，而不是加载几个不同的页面，而不是只加载一些文本，但主题不同。这是一个坏主意吗？

Answer 1

演示

创建所有菜单和框元素：

<ul id="menu">
   <li>1</li>
   <li>2</li>
   <li>3</li>
</ul>

<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>

确保你的盒子是 CSS：

display:none;

比简单地做：

$(function(){
   $('#menu li').click(function(){
        var menuLiIndex = $(this).index();
        $('.box').hide().eq( menuLiIndex ).show();
   });
});