侦听器不适用于所有多个按钮

时间:2018-08-14 10:59:56

标签: javascript jquery listeners

所以我的目标是要创建一个按钮,当单击该按钮时,将创建另一个按钮,当单击该按钮时,将创建另一个按钮,等等。但是,我很困惑,因为在单击1按钮(创建按钮2)后,我尝试再次单击1,但没有用。有人可以帮我谢谢。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <script src="libs/jquery-3.3.1.min.js"></script>
  <title></title>
</head>

<body>
  <div id="mainDiv">
    <button id="1">1</button>
  </div>
  <script type="text/javascript">
    $("#1").click(btnListener);
    var counter = 2;

    function btnListener() {
      var curHtml = $("#mainDiv").html();
      var newButton = "<button id='" + counter + "'>" + counter + "</button>";
      curHtml += newButton;
      $("div").html(curHtml);
      $("#" + counter).click(btnListener);
      counter++;
    }
  </script>
</body>

</html>

0 个答案:

没有答案