obtener valor de varios li de ul con jquery

[javat]

Bueno el tema es el siguiente, estoy intentando hacer una aplicación en la que se muestran los campos de una tabla ej. clientes con 5 columnas, en dos sorteable - jquery configuro los campos, en uno vienen campos ocultos en la otra campos visibles.

campos_ocultos / campos_visibles
----------------------/-----------------------
id / nombre_cliente
telefono / contacto
/ fecha_alta

En una tabla (campos_visibles) de mysql (mostrar_id, tabla, nom_campo) es donde quiero insertar los valores correspondientes del (sorteable-jquery que estan en campos visibles)

suponiendo que el html quede de esta manera después de mover de un lado a otro cuales son visibles y cuales no.

Código HTML:

<ul id="ocultos" class="connectedSortable">
<li class="ui-state-default">id</li>
<li class="ui-state-default">telefono</li>
</ul>

<ul id="visibles" class="connectedSortable">
<li class="ui-state-highlight">nombre_cliente</li>
<li class="ui-state-highlight">contacto</li>
<li class="ui-state-highlight">fecha_alta</li>
</ul> 

LO QUE QUIERO HACER ES; seleccionar las opciones de "visibles" e insertarlas en la tabla (campos_visibles) - $tabla=clientes es recibida por url;
mostrar_id / tabla / nom_campo
1 / clientes/nombre_cliente
2 / clientes/contacto
3 / clientes/fecha_alta

la funcion jquery se haría con el boton guardar cambios

Código HTML:

<button>Guardar</button> 

o algo parecido.
aun no se como hacerlo, ya que no soy experto en jquery pero se que es posible, seguiré intentando

[cesa_r]

haber, haber primero ya tienes el codigo que hace los sorteables? si ya lo tienes y solo quieres recoger los valores del menu visibles para luego enviarlos por parametros a un archivo el cual trabajara con ellos aqui una idea.

Código Javascript:

$(document).ready(function() {
 $ = jQuery.noConflict();   
     var guardar = document.getElementById("guardar"),
           campo_nombre = document.getElementById("campo_nombre"),
           campo_contacto = document.getElementById("campo_contacto"),
           campo_fecha = document.getElementById("campo_fecha");
 
     $(document).on('click', guardar, function() { //Cuando haga click en guardar
      
         var valor_nombre = campo_nombre.text(),
               valor_contacto = campo_contacto.text(),
               valor_fecha = campo_fecha.text(); //Recoje el texto de cada div           
         
         var dataString = 'nombre='+valor_nombre+'&contacto='+valor_contacto+'&fecha='+valor_fecha; //almacenamos los parametros a enviar
         
         $.ajax({
             type: "GET", //El tipo (GET o POST)
             url:'archivo.php', //el archivo al cual pasaras los parametros para guardar los valores
             data: dataString, //los parametros
             success: function (response) {
             //lo que quieras
             }
         })
        
     });
});
 

Código HTML:

<ul id="ocultos" class="connectedSortable">
<li class="ui-state-default">id</li>
<li class="ui-state-default">telefono</li>
</ul>
 
<ul id="visibles" class="connectedSortable">
<li class="ui-state-highlight" id="campo_nombre">nombre_cliente</li>
<li class="ui-state-highlight" id="campo_contacto">contacto</li>
<li class="ui-state-highlight" id="campo_fecha">fecha_alta</li>
</ul> 
 
<button id="guardar"></button>