在JavaScript中的字符串內使用變量

Question

我試圖在單擊按鈕時添加一些DOM。 但是我想動態添加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;>'

                });
            });

我想添加與串聯的name屬性

反教育

變量。 像degree1，degree2 .....那么該怎么做？

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+'">'

            });
        });