将元素 jquery 添加到 html

Question

无论如何，当我单击添加问题时添加新问题。 添加使用附加或其他方式？ 界面图片

 $(".question_option #add_question").click(function() { console.log("Add question"); //Add question using $(".question_info").append("Do something add here."); });

 <div class="question_info"> <div id="1"> <!--Question 1--> <p>Question ??</p> <textarea rows="4" cols="50" placeholder="Enter question"></textarea> <p class="words">???/???</p> <input class="add_correct" type="button" value="Add correct answer"> <input class="add_wrong" type="button" value="Add wrong answer"> <!-- Add answer --> <input class="delete_question" type="button" value="Delete question"> <!--<input type="text" placeholder="Enter answer">--> </div> <!-- Add more question --> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

我尝试使用 append 但如果你输入 $("??").append("example ENTER hi"); 这行不通。 输入时出现错误图像或者我应该在没有输入的情况下进行，但这会很混乱。 我想复制 html 问题 1 代码以在单击按钮时查询以添加新问题。

无论如何让它工作？ 谢谢。

Answer 1

您可以使用 jquery 这样做，因为您已经调用了 onlick 函数，因此在您的 onclick 函数中使用：

var time = Date.now();

$('.question_info').append('<div id="'+time+'"><p>Question ??</p><textarea rows="4" cols="50" placeholder="Enter question"></textarea><p class="words">???/???</p><input class="add_correct" type="button" value="Add correct answer"><input class="add_wrong" type="button" value="Add wrong answer"><input class="delete_question" type="button" value="Delete question"><input type="text" placeholder="Enter answer"></div>');