Dudas crear array dinamico de lista

[No-NaMe]

Muchas gracias, estaba mal hecho el script por que si había cualquier otro UL-LI en la pagina me lo tomaba como parte del array, así que he rehecho el código, mas abajo esta.
como podras ver tu ayuda me ha venido genial para solventar, lo de la posición con tu linea de código ha quedado resuelto.

Código Javascript:

$(function () {
                $("#opciones").sortable();
                $("#opciones").disableSelection();
                updateOrder();
                $("#sortButton").click(sortClick);
            });
 
            $('#opciones').sortable().bind('sortupdate', function () {
                updateOrder();
            });
            function updateOrder() {
                var orderArray = [];
 
                $("#opciones li").each(function (i, el) {
                    orderArray.push($(el).text());
                    orderArray.push($("li")[i].className.slice(5));
                });
 
                $("#display").text(orderArray.join(" "));
                
                
            }
 
           function sortClick() {
                updateOrder();
                var serializedArr = JSON.stringify( orderArray );
                $("#display").text("click: " + $("#display").text());
            }
 

Código HTML:

<ul>
    <li>rompe</li>
</ul>
<span id="display"></span>
 
<ul id="opciones">
    <li class="item_1">Item 1</li>
    <li class="item_2">Item 2</li>
    <li class="item_3">Item 3</li>
    <li class="item_4">Item 4</li>
    <li class="item_5">Item 5</li>
    <li class="item_5">Item 6</li>
    <li class="item_6">Item 7</li>
</ul>
<p><input type="button" value="actualizar_array" id="sortButton"/></p>