<ul class="list-group"> <li class="list-group-item"> <span class="badge">1</span> <span class="badge">2</span> <span class="badge">3</span> <span class="badge">4</span> <span class="badge">5</span> <span class="badge">6</span> <span class="badge">7</span> <span class="badge">8</span> <span class="badge">9</span> <span class="badge">10</span> </li> </ul> 用js控制badge里面背景颜色 如果是数字1 黄色 数字2蓝色 数字3浅灰色 数字4橘色 数字5青色 数字6深蓝色 数字7深灰色 数字8红色 数字9 褐色 数字10绿色

$(".badge").each(function(){
    if($(this).text() == '1'){
        $(this).css("background","yellow");
    }else if($(this).text() == '2'){
        $(this).css("background","blue");
    }else if($(this).text() == '3'){
        $(this).css("background","gainsboro");
    }else if($(this).text() == '4'){
        $(this).css("background","orange");
    }else if($(this).text() == '5'){
        $(this).css("background","cyan");
    }else if($(this).text() == '6'){
        $(this).css("background","navy");
    }else if($(this).text() == '7'){
        $(this).css("background","darkslategray");
    }else if($(this).text() == '8'){
        $(this).css("background","red");
    }else if($(this).text() == '9'){