javascript - 在 jquery .after() 函数中添加 for 循环

Question

我要添加<option>标签在 jquery .after() 函数中使用 for 循环。 我有以下代码:

$("#myid").after("<!--more tags here-->"+
                  "<select class='form-control' name='dropdownmenu'>"+
                  "for (i=0; i < 4 ; i++){"+
                  "<option>i</option>}"+
                  "</select>"+
                  "<!--more tags here-->")

但这不起作用，我得到的只是 1 <option>标签内有字母 i

Answer 1

你不能像那样循环js。你可以像下面这样。您可以先创建选择 block ，然后附加它。代码未经测试，希望您能明白。

var test = "<select class='form-control' name='dropdownmenu'>";

for (i=0; i < 4 ; i++){
    test += "<option>"+i+"</option>}";                  
}
test += "</select>";

$("#myid").after(test);  // note: use . for class or # for id

您仍然可以通过这种方式添加更多标签:

$("#myid").after("<span>start</span>"+test+"<span>end</span>");