将状态分配给列表项并检索它们在-jquery中的状态

我有一个使用jqueryUI的可排序列表。我希望每个列表都有4种不同的状态。因此，我为每个列表项分配了一个切换函数。如果说我要通过表格提交这些信息，我如何获得每个项目的状态？这可能吗？任何帮助都将不胜感激。谢谢

$(".sortedli").toggle(function(){
    //state 1
    $(this).css("background-color","white");},
    function(){
    //state 2
    $(this).css("background-color","green");},
    function(){
    //state 3
    $(this).css("background-color","red");},
    function(){
    //state 4
    $(this).css("background-color","yellow");}
  );

<ul id="coll-selected-list" class="droptrue ui-sortable">
              <li class="sortedli" style="">blah</li>
              <li class="sortedli" style="">blah</li>
              <li class="sortedli" style="">blah</li>
</ul>

$（“.sortedli”）.toggle（函数（）{
//国家1
$（this.css（“背景色”、“白色”）；}，
函数（）{
//国家2
$（this.css（“背景色”、“绿色”）；}，
函数（）{
//国家3
$（this.css（“背景色”、“红色”）；}，
函数（）{
//国家4
$（this.css（“背景色”、“黄色”）；}
);

诸如此类
诸如此类
诸如此类

您可以在提交表单时为每个元素创建一个隐藏的输入元素，并在允许提交之前将这些隐藏元素附加到表单：

$(myform).submit(function(){
    var li_1_state = document.createElement('input');
    $(li_1_state).attr({'type':'hidden','name':'li_1_state'});
    $(li_1_state).val(*grab the state here*);
    $(myform).append(li_1_state);
    // repeat for the other list elements
});