Question

所以我的目标是要创建一个按钮，当单击该按钮时，将创建另一个按钮，当单击该按钮时，将创建另一个按钮，等等。但是，我很困惑，因为在单击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 个答案: