使用.text（）将字母/数字序列插入多个子span标记。 有没有更有效的方法？

Question

我需要使用特定的字母来插入多个span标签，也许要说20个。 我需要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小提琴

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++;
});