728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<h3>Detail View</h3>
<textarea rows="2" cols="20">๊ธฐ๋ณธ๊ธ์
๋๋ค....</textarea>
<br><br>
<button type="button" id="answer">๋ต๊ธ ์
๋ ฅ</button>
<div id="answerFrm">
<!--
<br>๋ต๊ธ:<input type='text' id='answerText'>
<br><button type='button' id='answerBtn'>๋ต๊ธ ์์ฑ ์๋ฃ</button>
-->
</div>
<script type="text/javascript">
//$("#answerFrm").hide();
$(document).ready(function() {
$("#answer").click(function () {
//$("#answerFrm").show();
let txtf = "<br>๋ต๊ธ:<input type='text' id='answerText'>";
$("#answerFrm").append(txtf);
let btn = "<br><button type='button' id='answerBtn'>๋ต๊ธ ์์ฑ ์๋ฃ</button>";
$("#answerFrm").append(btn);
});
/*
$("#answerBtn").click(function () {
alert('answerBtn click');
});
*/
$(document).on("click", "#answerBtn", function () {
alert('answerBtn on click');
});
});
</script>
</body>
</html>
๋๊ธ