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