Question

我有一堆span元素，我想给他们独特的类。像一，二，三四。然后重复下一个具有相同类的容器。它有可能与jQuery / vanilla js？或者说，我该怎么做？

我的HTML：

<div class="ccbnOutline">
    <span></span> -- give class one
    <span></span> -- give class two
    <span></span> -- give class three
    <span></span> -- give class four
</div>

<div class="ccbnOutline">
    <span></span> -- give class one
    <span></span> -- give class two
    <span></span> -- give class three
    <span></span> -- give class four
</div>

Answer 1

尝试：

var arr=["one","two","three","four"];
        $('.ccbOutline').each(function(ix,val) {
               val.find('span').each(function(i,v){
          $(this).addClass(arr[i]);
        });
    });

Answer 2

你需要像这样的映射数组

var arr=["one","two","three","four"]; // "five","six " and so an
$('.ccbOutline  span').each(function(i){
  $(this).addClass(arr[i]);
});

为多个元素提供唯一的类

2 个答案: