如何克隆 div jquery html

Question

我需要克隆 HTML 页面的某些部分，但我遇到了问题。

<div id="question_answer">
    <label for="label_questions">Questions</label>
    <input type"text" name="questions_name">
    <div id="answer">
        <label for="label_answer">Answer</label>
        <input type="text" name="answers_name">
    </div>
</div>

假设有一些问题我们知道 X（例子x=4）我的代码是：

var div_questions_answer = $('#question_answer');
var div_answer = $('#answer');

for (var i = 0; i < X; i++) {
    var label = $('label[for^="label_questions"]').clone();
    div_answer.append(label);
}
div_questions_answer.append(div_answer);

我看不到四个标签，但我只能看到一个！谁能帮帮我？

Answer 1

试试这个

$QuestionAns = $('#question_answer').clone();

Answer 2

为什么你不能这样做？

var div_answer = $("#answer");
for (var i = 0; i < 4; i++) {
    $('#question_answer > label[for^="label_questions"]').clone().appendTo("#answer");
}

FIDDLE

Answer 3

@RejithRKrishnan 关于必须克隆单个标签元素的评论是合理的。但是 $('label[for^="label_questions"]') 选择器如果出现在标记中（至少在第一次循环迭代之后），就会获得多个元素。
使用以下解决方案将单个克隆附加到 div_answer 元素：

var div_questions_answer = $('#question_answer');
var div_answer = $('#answer');
var label = $('label[for^="label_questions"]:first').clone();

for (var i = 0; i < 4; i++) {
    label.clone().appendTo(div_answer);
}
div_questions_answer.append(div_answer);

https://jsfiddle.net/bg9vbge9/

如何克隆 div jquery html

How clone div jquery html

html

javascript

css

jquery

label