代码之家  ›  专栏  ›  技术社区  ›  Federico

将类添加到数组的最后一项

  •  1
  • Federico  · 技术社区  · 6 年前

    我有一个函数,它给出了 1 870 是的。我怎样才能得到 870个 (最后一项)并添加一个类?

    提前谢谢。

    var points = new Array(870);
    for (var i = 0; i < 870; i++){points[i] = i + 1;}
    $(".numbers").html(points.join(', '))
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class=numbers></div>
    2 回复  |  直到 6 年前
        1
  •  3
  •   Luca Kiebel    6 年前

    添加 span 元素和自定义类到最后一点。

    用于动态数组 point.length-1 相反 869

    var points = new Array(870);
    for (var i = 0; i < 870; i++){points[i] = i + 1;}
    points[points.length-1] = '<span class="custom-class">'+points[points.length-1]+'</span>'
    $(".numbers").html(points.join(', '))
    .custom-class{
      color: red;
    }
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class=numbers></div>
        2
  •  2
  •   Get Off My Lawn    6 年前

    你能做的就是用 :last-child 上的选择器 numbers 类,并按如下方式添加:

    var points = new Array(870);
    for (var i = 0; i < 870; i++) {
      points[i] = `<span>${i + 1}</span>`
    }
    $(".numbers").html(points.join(' '))
      .find(':last-child')
      .addClass('myClass')
    .myClass {
      color: red;
    }
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class="numbers"></div>