<a id="syb" href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" style="display: block;" class="btn button-primary">上一步</a>
<a id="syt" href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" style="display: none" class="btn button-primary">上一題</a>
<a id="xyt" href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" style="display: none" class="btn button-primary">下一題</a>
<a id="formbtn" href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" style="display: none" class="btn button-primary">儲存</a>
<script>
$(function() {
// wtblock_{*} 待顯示div class屬性 {*} 表示序号,預設從1開始
var wtList = $(".wtList").length; // 記錄總個數
for(var i = 1; i <= wtList + 1; i++) {
$(".sz_" + i).text(i + "、");
}
var wtindex = 1;
if(wtindex === 1) {
$("#syt").hide();
$("#formbtn").hide();
}
$(".wtblock_1").show();
$("#xyt").show();
$("#xyt").click(function() {
++wtindex;
if(wtindex === wtList) {
$("#formbtn").show();
$("#xyt").hide();
} else {
$("#syt").show();
}
$(".wtblock_" + (wtindex - 1)).hide();
$(".wtblock_" + wtindex).show();
$("#syb").hide();
});
$("#syt").click(function() {
--wtindex;
if((wtindex + 1) === wtList) {
$("#formbtn").hide();
$("#xyt").show();
}
if(wtindex === 1) {
$("#syb").show();
$("#syt").hide();
}
$(".wtblock_" + (wtindex + 1)).hide();
$(".wtblock_" + (wtindex)).show();
});
$("#formbtn").click(function() {
var abc = $("#formdata").serializeArray();
console.log(abc);
});
})
</script>