显示 div 按钮后进入新页面

Question

我在点击按钮时显示 div 并且代码工作正常，代码如下

<div id="div1" class="question">1</div>
<div id="div2" class="question">2</div>
<div id="div3" class="question">3</div>
<div id="div4" class="question">4</div>
<div id="div5" class="question">5</div>
<button type="button" id="next">Next</button>

功能如下

 $('#div2, #div3, #div4, #div5').hide();
var idx = 0;
$('#next').click(function () {
idx++;
if (idx < $('.question').length) $('.question').hide();
$('.question').eq(idx).show();
});

问题是，一旦我转到最后一个 div，我想单击下一个按钮，它应该带我到下一页，我该怎么做？ 谢谢大家

Answer 1

你可以这样做：

 $('#div2, #div3, #div4, #div5').hide();
 var idx = 0;
 $('#next').click(function() {
    idx++;
    if (idx < $('.question').length) {
      $('.question').hide();
      $('.question').eq(idx).show();
    }
    else {
       location.href = "https://www.example.com" /* add here the URL of the next page */
    }
 });