<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> 控制里面的眼神 如果是数字1 黄色 数字2蓝色 数字3浅灰色 数字4橘色 数字5青色 数字6深蓝色 数字7深灰色 数字8红色 数字9 褐色 数字10绿色

$('.list-group .badge').each(function() {
    var that = $(this);
    if (that.text() == 1) {
        that.addClass('label-warning');
    } else if (that.text() == 2) {
        that.addClass('label-info');
    } else if (that.text() == 3) {
        that.addClass('label-default');
    } else if (that.text() == 4) {
        that.addClass('label-danger');
    } else if (that.text() == 5) {
        that.addClass('label-primary');
    } else if (that.text() == 6) {
        that.addClass('label-success');
    } else if (that.text() == 7) {
        that.addClass('label-primary');
    } else if (that.text() == 8) {
        that.addClass('label-danger');
    } else if (that.text() == 9) {
        that.addClass('label-warning');
    }