使用next和prev按钮显示div内部循环

时间:2016-04-21 17:05:03

标签: javascript jquery arrays

我正在尝试使用next和prev按钮显示每个div数据。如何使用jQuery做到这一点? 这些是我的代码。

PHP代码:

<div class="divs">
<?php
  for($i=1; $i<=10;$i++){
  ?><div class="cls<?php echo $i; ?>"><?php echo $i; ?> </div>
  <?php
  }
?>
 </div>
 <a id="next">next</a>
 <a id="prev">prev</a>

JavaScript代码:

$(".divs div").each(function(e) {
        if (e != 0)
            $(this).hide();
    });

    $("#next").click(function(){
        if ($(".divs div:visible").next().length != 0)
            $(".divs div:visible").next().show().prev().hide();
        else {
            $(".divs div:visible").hide();
            $(".divs div:first").show();
        }
        return false;
    });

0 个答案:

没有答案