javascript中的html中的html

我有一个动态表单，我想在其中附加一些其他html，但当我想使用附加html的事件时，我应该在第一个脚本中包含该脚本，但我也想在第二个脚本中添加另一个html，但我不知道如何处理引号标记：

      $(document).ready(function(){
    $("#registerNums").on('click',function(){
      var inputnums = parseInt($("#inputnums").val());
      alert(inputnums);
      var outputnums = parseInt($("#outputnums").val());
      alert(outputnums);
      var rulenums = parseInt($("#rulenums").val());
      for(var i=1; i < inputnums + 1; i++){
        var inputmems =
        '<div class="form-row">'+
          '<div class="form-row">'+
            '<div class="form-group col-md-3">'+
              '<label for="inputmems'+ i +'">Enter the number of your input'+ i +' membership functions:</label>'+
              '<input type="text" class="form-control" id="inputmems'+ i +'" name="inputmems'+ i +'" placeholder="Enter inputmems">'+
            '</div>'+
            '<div class="form-group col-md-3">'+
              '<label for="inputname'+ i +'">Enter the name of your input'+ i +' membership functions:</label>'+
              '<input type="text" class="form-control" id="inputname'+ i +'" name="inputname'+ i +'" placeholder="Enter inputname">'+
            '</div>'+
            '<div class="form-group col-md-3">'+
              '<label for="inputrange'+ i +'">Enter the range of your input'+ i +' membership functions:</label>'+
              '<input type="text" class="form-control" id="inputrange'+ i +'" name="inputrange'+ i +'" placeholder="Enter inputrange">'+
            '</div>'+
            '<div class="form-group col-md-3">'+
              '<input type="button" class="btn btn-primary" id="registerMems" value="register mems">'+
              '<script type="text/javascript">'+
                '$(document).ready(function(){'+
                  '$(".registerMems").on("click",function(){'
                    'var inputmems = parseInt($(this).parent().parent().find("#inputmems").val())'+
                      'alert(inputmems);'+
                      'for(i=1;i < inputmems+1;i++){'+
                      '$(this).parent().parent().parent().find(".mem").append('+
                      +'<div class="form-group col-md-4">'+
                        '<label for="memname">Enter the name of your input membership function:</label>'+
                        '<input type="text" class="form-control" id="memname" name="memname'+i+'" placeholder="Enter'+ 'memname">'+
                      '</div>'+
                      '<div class="form-group">'+
                        '<label for="memtype">memtype</label>'+
                        '<select class="form-control" id="memtype" name="memtype'+i+'">'+
                          '<option>trapmf</option>'+
                          '<option>trimf</option>'+
                        '</select>'+
                      '</div>'+
                      '<div class="form-group col-md-4">'+
                        '<label for="memamount">Enter the amount of your input membership function:</label>'+
                        '<input type="text" class="form-control" id="memamount" name="memamount'+i+'" placeholder="Enter memamount">'+
                      '</div>'')'
    }
   });
 });

$（文档）.ready（函数（）{
$（“#注册表”）。在（'click'，function（）上{
var inputnums=parseInt（$（“#inputnums”）.val（）；
警报（输入）；
var outputnums=parseInt（$（“#outputnums”）.val（）；
警报（outputnums）；
var rulenums=parseInt（$（“#rulenums”）.val（）；
对于（变量i=1；i

您可以在中看到完整的代码

如何处理最后一次追加后的引号？

您可以（也应该）使用以下方法构建字符串：

var inputmems = `
    <div class="form-row">
      <div class="form-row">
        <div class="form-group col-md-3">
        ...
        ...
`

var输入mems=`
...
...
`

---

使用键盘上的“符号”，该符号应位于escape键下的某个位置

欢迎使用stackoverflow请将您的代码添加到代码段中，以便有人能够快速解决您的问题。在问题中使用标点符号会使问题更容易理解。这很可怕：

'+'$（文档）。就绪（函数（）{'+

-请搜索委派-像这样“

$（“#someStaticContainer”）。在（“单击“，”.registerMems”，function（）{

而且您实际上似乎没有在任何地方插入此项。我建议使用.clone以避免连接到。因此，我可以如何处理此可怕的问题：仅当您使用ES6和（如果您想支持所有浏览器）巴别塔还是另一个透明的tool@Michiel它们是ES2015，并且得到了除IE之外的所有人的支持，这正是我的观点；-）