Javascriptの文字列内で変数を使用する

Question

ボタンをクリックするとDOMを追加しようとしています。しかし、私は動的にname属性を追加したい。ここで私は

counterEdu

変数を連結name属性を追加したい私のコード

$(document).ready(function() { 
       console.log("done"); 
       var counterEdu = 1; 
       $("#add-edu").click(function (event) { 
        event.preventDefault(); 
        counterEdu = counterEdu+1;  
        $("#passing-year").after('<div class="col-md-12 form-group1">'+'<input type="text" placeholder="Degree Name" name="degree"+counterEdu;>' 

       }); 
      }); 

です。程度1、程度2 ..... どうすればいいですか？

Answer 1

あなたはそれを適切にエスケープする必要があります。

$("#passing-year").after('<div class="col-md-12 form-group1">' + '<input type="text" placeholder="Degree Name" name="degree'+counterEdu +'">' 

Answer 2

counterEduは、文字列を助け

$(document).ready(function() { 
      console.log("done"); 
      var counterEdu = 1; 
      $("#add-edu").click(function (event) { 
       event.preventDefault(); 
       counterEdu = counterEdu+1;  
       $("#passing-year").after('<div class="col-md-12 form-group1">'+'<input type="text" placeholder="Degree Name" name="degree'+counterEdu+'">' 

      }); 
     });