静态列表里点击上一页下一页切换列？

Question

[html部分] <div class="small_dashiji_box">     <div class="small_dashiji">     <div class="small_dashiji">     <div class="small_dashiji"> </div><div class="small_dashiji_box" style="display:none">     <div class="small_dashiji">     <div class="small_dashiji">     <div class="small_dashiji"> </div><div class="small_dashiji_box" style="display:none">     <div class="small_dashiji">     <div class="small_dashiji">     <div class="small_dashiji"> </div><div class="yema">            <span class="before_page" id="before_page">上一页</span>             <ul>             <li>1</li>             <li>2</li>             <li>3</li>             <li>4</li>             <li>5</li>             <div class="clearfix"></div>             </ul>             <span class="after_page" id="after_page">下一页</span>             <div class="clearfix"></div>         </div><script type="text/javascript" src="js/jquery-1.10.1.min.js"></script><script>$('.yema li').click(function () {    var i = $(this).index();    $(".small_dashiji_box").hide(0)    $(".small_dashiji_box").eq(i).show(0) })</script>

Answer 1

<div class="small_dashiji_box">
    <div class="small_dashiji">aaaaa</div>
    <div class="small_dashiji">aaaaaaaaa</div>
    <div class="small_dashiji">aaaaaaaaaaaaa</div>
</div>
<div class="small_dashiji_box" style="display:none">
    <div class="small_dashiji">bbbbb</div>
    <div class="small_dashiji">bbbbbbbb</div>
    <div class="small_dashiji">bbbbbbbbbbbb</div>
</div>
<div class="small_dashiji_box" style="display:none">
    <div class="small_dashiji">ccccc</div>
    <div class="small_dashiji">cccccccc</div>
    <div class="small_dashiji">ccccccccccccc</div>
</div>
<div class="yema">
     <span class="before_page" id="before_page">上一页</span>
          <ul>
              <li>1</li>
              <li>2</li>
              <li>3</li>
              <li>4</li>
              <li>5</li>
              <div class="clearfix"></div>
          </ul>
    <span class="after_page" id="after_page">下一页</span>
    <div class="clearfix"></div>
</div>

html改成这样就可以了。没有什么大问题。但需要注意div是双标签。<div></div>成对出现，你只写了一半。

望采纳