Javascript 如何将“下一步”按钮添加到弹出窗口？

我想应用下面的脚本在弹出窗口上创建下一个按钮。当我使用代码打开弹出窗口时，它工作正常。但是，当尝试应用代码来创建“下一步”按钮时，它不起作用。请帮我解决这个问题

这里是我使用的脚本

<script>       
$(document).ready(function() {
   $(".getAssignment").click(function() {
      var $divs = $(this).parent().find(".modalDialog");
      if ($divs.length > 0) {
         window.location.href = "#" + $divs[ Math.floor(Math.random() * $divs.length) ].id;
      }
   });
});    
</script> 

<input class="getAssignment" type="button" value="Open Modal">

<div id="openModal" class="modalDialog">
    <div>
    <input class="getAssignment" type="button" value="Next">    
   <a href="#close" title="Close" class="close">X</a>
   <h2>Modal Box</h2>
        <p>This is a sample modal box that can be created using the powers of CSS3.</p>
        <p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
    </div>
</div>

$（文档）.ready（函数（）{
$（“.getAssignment”）。单击（函数（）{
var$divs=$（this.parent（）.find（“.modalDialog”）；
如果（$divs.length>0）{
window.location.href=“#”+$divs[Math.floor（Math.random（）*$divs.length）].id；
}
});
});    
模态盒
这是一个示例模态框，可以使用CSS3的功能创建

你可以在这里做很多事情，比如在网站加载时弹出广告，或者为用户创建登录/注册表单

---

问题是

var$divs=$（this.parent（）.find（“.modalDialog”）相对于“打开模式”按钮是正确的，但是从模式对话框
parent（）
中的“下一步”按钮不是包含模式div的元素。。。尝试更改为
var$divs=$（“.modalDialog”）
可以通过获取一个随机的div编号来完成。我已经更改了js代码，请检查一下

$(document).ready(function() {
  var sr_num = ['1', '2', '3']; 
  $(".getAssignment").click(function() {
    var rand = sr_num[Math.floor(Math.random() * sr_num.length)];
    var demo = "#openModal" + rand;
    window.location.href.split('#')[0]
    window.location.href = demo;
  });
});

这是工作代码

希望它能帮助您
您是如何尝试添加按钮的？@Sanju，添加一个有效的代码段。该代码段无效。这是我尝试的完整代码。实际上，我想用“下一步”按钮逐个打开弹出窗口。你知道吗？请帮忙，乐意帮忙：）