jqueryappend不工作&引用；请删除换行符并编码少于个字符……”；在F12上引发了错误

我试图使用Jquery附加一个HTML代码。f12抛出一个错误，指出<和新行已弃用

我已经检查了Jquery语法中是否有错误。这是Jquery代码

$（文档）.ready（函数（）{
$（“#每个组添加”）。单击（函数（）{
$（“#每个组_容器”）。附加（“

您应该尝试使用此引号``因为它可以包含内联文本和多行文本，而此引号“只能保留内联文本或与您尝试添加的文本相比不太大的文本

我正在使用jquery

-version3+

，这段代码对我来说很好，正如我所做的那样

$(document).ready(function(){
    $("#perGroup_add").click(function(){
        $("#perGroup_container").append(`<div class='form-group row'> <div class='col-sm-4 mb-3 mb-sm-0'> <input type='text' name='packres_categories_paxgroup_data' class='form-control form-control-user' placeholder='Package Size' required> </div> <div class='col-sm-4 mb-3 mb-sm-0'> <input type='text' name='packres_categories_paxgroup_consumable_data' class='form-control form-control-user' placeholder='Package Price/Consumable' required> </div> <div> <a class='btn btn-danger btn-sm'> <i class='fa fa-trash' aria-hidden='true'> </i> </a> </div> </div>`);
    });
});

$（文档）.ready（函数（）{
$（“#每个组添加”）。单击（函数（）{
$（“#每个组_容器”）.append（``）；
});
});

我发现了你的问题

看一看，这是您的

html标记问题。您已经在
span
上编写了
click
函数，其中您的
click
仅触发锚定

将
id
设置为锚点，并为此编写一个单击函数

在这里，我在
代码片段
中为您写下了这一点。我添加了
e.preventDefault（）
来停止默认的
href
锚调用

看看它是否值得


var html=”
用