无法使用jquery append生成多个div

我必须在按钮上生成随机div。为此，我使用了jQuery

append（）

，但它不能正常工作

我的代码：

<div class="form-group" id="childPlusSign" >
    <h6 class="formLabel">
        <img src="assets/img/plus.png" class="img-responsive plusSign" alt="plus_sign"> Child
    </h6>
</div>

$("#childPlusSign").click(function(){
$('#childPlusSign').append('
        <div class="col-md-6">
        <input type="date" class="form-control input-sm" name="date[]">
        </div>
        <div class="col-md-6">
        <input type="date" class="form-control input-sm" name="date[]">
        </div>  
    ');
});

小孩
$（“#childPlusSign”）。单击（函数（）{
$（'#childPlusSign'）。追加（'
');
});

您附加的html字符串格式错误

$（“#childPlusSign”）。单击（函数（）{
$（'#childPlusSign'）。附加（''）；
});

小孩
试试这个

<div class="form-group" id="childPlusSign" >
    <h6 class="formLabel">
        <img src="assets/img/plus.png" class="img-responsive plusSign" alt="plus_sign"> Child
    </h6>
</div>

    $("#childPlusSign").click(function(){
        $('#childPlusSign').append('\
            < div class= "col-md-6" >\
            <input type="date" class="form-control input-sm" name="date[]">\
        </div>\
            <div class="col-md-6">\
                <input type="date" class="form-control input-sm" name="date[]">\
        </div>\
                ');
});


小孩
$（“#childPlusSign”）。单击（函数（）{
$（'#childPlusSign'）。追加（'\
\
\
\
\
\
\
');
});
您需要使用此`

而不是在
append
函数中使用“而不是”，因为要追加的值是多行的。或者使用'和一行代码来apppend

$("#childPlusSign").click(function(){
  $('#childPlusSign').append(`
          <div class="col-md-6">
          <input type="date" class="form-control input-sm" name="date[]" />
          </div>
          <div class="col-md-6">
          <input type="date" class="form-control input-sm" name="date[]" />
          </div>  
      `);
});

$（“#childPlusSign”）。单击（函数（）{
$（'#childPlusSign'）。追加(`
`);
});
谢谢您的帮助。您能告诉我如何将样式添加到附加字段中吗检查编辑。你可以把样式放在字符串中。谢谢你的帮助。你能告诉我如何在附加字段中添加样式吗。如果适合您，请不要忘记标记为答案。要使用多行字符串，您必须在每行末尾添加“\”