如何使用动态类来追加jquery的样式

Question

我有一个函数，它将一个新的列表项附加到一个未排序的列表，它将添加一个用户输入的类。我想我可以在样式表中设置所有可能的样式，但我不能。

新项目的容器也是早期点击的附加元素。 那么实现这个目标的正确方法是什么？

我的点击功能可追加新项目

$('#columns_ok').click(function() {
    var picked_value = $('#number_of_columns').val();

    if((picked_value >= 1) && (picked_value <= 10)) {
        $('.column_container').append('<li class="'+picked_value+'_used"></li>');
        $(this).parent().parent().css('display', 'none');
    }

    else {
        $('.error').css('display', 'block');
    }
});

和我的项目风格：

.columns_container li {
    float: left;
    margin: 0 20px 0 0;
    background-color: #bbb;
    border: solid 1px #ddd;
    height: 150px;
}

.1_used {
    width: 86px;
}

.2_used {
    width: 194px;
}

.3_used {
    width: 302px;
}

.4_used {
    width: 410px;
}

.5_used {
    width: 518px;
}

.6_used {
    width: 626px;
}

.7_used {
    width: 734px;
}

.8_used {
    width: 842px;
}

.9_used {
    width: 950px    
}

.10_used {
    width: 1058px;
}