<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>测试</title> <script src="Script/js/jquery-1.9.1.min.js"></script> </head> <body> <div id="box"> <div id="sessionData" class="showOrHidden"> 111 </div> <div id="presidiumData" class="showOrHidden" hidden> 222 </div> <div id="hostsData" class="showOrHidden" hidden> 333 </div> <div class="mui-button-row"> <button id="lastStep" class="mui-btn mui-btn-primary" type="button" onclick="lastStepFunc('#box');">上一步</button> <button id="NextStep" class="mui-btn mui-btn-primary" type="button" onclick="nextStep('#box');">下一步</button> <button id="" class="mui-btn mui-btn-primary" type="button" onclick="postFunc()">提交</button> </div> </div> <script> function lastStepFunc(id) { var divLen = $(id).find(".showOrHidden").length; var Thisdiv = 0; for (var i = 0; i < divLen; i++) { if ($(id).find(".showOrHidden").eq(i).css("display") != "none") { Thisdiv = i; }; }; if (Thisdiv != 0) { $(id).find(".showOrHidden").hide().eq(Thisdiv - 1).show(); }; } function nextStep(id) { var divLen = $(id).find(".showOrHidden").length; var Thisdiv = 0; for (var i = 0; i < divLen; i++) { if ($(id).find(".showOrHidden").eq(i).css("display") != "none") { Thisdiv = i; }; }; if (Thisdiv < divLen - 1) { $(id).find(".showOrHidden").hide().eq(Thisdiv + 1).show(); }; } </script> </body> </html>
Jquery 上一步、下一步
猜你喜欢
转载自www.cnblogs.com/kikyoqiang/p/11006352.html
今日推荐
周排行