jQuery：追加多個元素

Question

我很乾燥，根據「n」的值動態添加行項目;即使循環運行多次，jQuery也只會追加一次。

關於如何附加「n」個訂單項的建議？

var t = $(this); 
var counter = $("<ol class='slide-counter'></ol>"); 
var dot = $("<li></li>"); 

if (n > 1) { 
    t.append(counter); 
    for (var i = 0; i < n; i++) { 
     counter.append(dot); 
    } 
    $(".slide-counter li:first-child").addClass("active"); 
} 

Answer 1

您需要每次添加一個「新」的元素，你可以通過移動點到for循環

var t = $(this); 
var counter = $("<ol class='slide-counter'></ol>"); 

if (n > 1) { 
    t.append(counter); 
    for (var i = 0; i < n; i++) { 
     var dot = $("<li></li>"); 
     counter.append(dot); 
    } 
    $(".slide-counter li:first-child").addClass("active"); 
} 

Answer 2

我認爲你需要把點轉換成字符串做到這一點，否則你試圖不止一次地爲它添加一個獨特的元素。

Answer 3

我很感激幫助。 Ninsly的建議使它有效，但DaveB的答案也奏效。

這裏是我最終使用...

var t = $(this); 
var counter = $("<ol class='slide-counter'></ol>"); 
var dot = $("<li></li>"); 

if (n > 1) { 
    t.append(counter); 
    for (var i = 0; i < n; i++) { 
     counter.append(dot.clone()); 
    } 
    $(".slide-counter li:first-child").addClass("active"); 
}