javascript - js元素按照数组索引排序，元素长度超过数组长度的接着按索引排序

问题描述

问 题

我想给标签加上不同的颜色，就把颜色样式写在一个数组里面，颜色样式按数组索引排序，数组长度固定。
怎么使元素长度length超过数组长度length时，元素长度超出数组长度还是按照数组索引排序

     var tagClass = ['primary','success','info','warning','danger'];
     var tagClass_length = tagClass.length;
     //标签样式按照数组索引顺序
    $(".tags").each(function(i){
        var tagLength = $(this).length;
        if(tagLength <= tagClass_length){
          $(this).addClass('label-'+tagClass[i]);
        }else if(tagLength > tagClass_length){
          //接下来怎么写好..
        }
    });

解决方案

var tagClass = ['primary','success','info','warning','danger'];
var tagClass_length = tagClass.length;
 //标签样式按照数组索引顺序
$(".tags").each(function(i) {
    $(this).addClass('label-' + tagClass[i % tagClass_length]);
});

这篇关于javascript - js元素按照数组索引排序，元素长度超过数组长度的接着按索引排序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！