.text（）を使用して複数の子スパンタグに文字/数字シーケンスを挿入します。より効率的な方法がありますか？

Question

複数のスパンタグに挿入するには、アルファベットの特定の文字を使用する必要があります。 20行の.text（）が必要か、より効率的な方法がありますか？ありがとう。

$(document).ready(function(){ 
    $(".owl-page:first-child span").text("A"); 
    $(".owl-page:nth-child(2) span").text("C"); 
    $(".owl-page:nth-child(3) span").text("D"); 
    $(".owl-page:nth-child(4) span").text("E"); 
    $(".owl-page:nth-child(5) span").text("F"); 
}); 

Answer 1

他の回答に似ていますが、わずかに異なるアプローチ：

JS Fiddle

var letters = { 
    1: 'A', 
    2: 'B', 
    3: 'C', 
    4: 'D', 
    5: 'E', 
    6: 'F' 
} 

$.each(letters, function(e) { 
    $('.owl-page:nth-child(' + e + ') span').text(this); 
}); 

Answer 2

文字を配列に入れて.each（）メソッドで使用できます。

var letters = ['A', 'C', 'D', 'E', 'F']; 
var counter = 0; 

$(".owl-page > * span").each(function(){ 
    if(counter >= letters.length) 
     return false; 
    $(this).text(letters[counter]); 
    counter++; 
});