Las dos listas son A y B. La lista B se puede ordenar (arrastrar y soltar), cada elemento de la lista 'B' está relacionado con cada elemento de la lista 'A' por índice. establecemos primero esta propiedad css para enumerar los elementos 'B'

 #sortable2 li:nth-child(1) { z-index: 10!important; background-color: rgb(149, 168, 228); } #sortable2 li:nth-child(2) { z-index: 9!important; background-color: rgb(69, 223, 31); } #sortable2 li:nth-child(3) { z-index: 8!important; background-color: rgb(230, 47, 123); } ```

cuando se carga la página, proporciona dinámicamente el índice z de cada elemento de la Lista 'B' a cada elemento de la Lista 'A'; como esto:

Lista B: #sortable2 li Lista A:#textSegments .jmSeg

 for(var i=0;i<=$('#sortable2 li').length; i++){ console.log($('#sortable2 li').eq(i).css('z-index')); $('#textSegments .jmSeg').eq(i).css('z-index',$('#sortable2 li').eq(i).css('z-index')); }

mi pregunta es después de recurrir a los elementos de la lista 'B', los valores del índice z en la lista 'B' cambian según la posición del elemento (capa). El "elemento superior" de la lista 'B' establece el valor de índice z más alto y el último elemento obtiene el valor de índice z más bajo, pero el índice z de la Lista 'A' no cambia. probé este código debajo del código para actualizar la lista A z-index pero tampoco hubo cambios

 $('#sortable2').sortable({ ........ ..................................... update: function (event, ui) { for(var i=0;i<=$('#sortable2 li').length; i++){ console.log($('#sortable2 li:nth-child('+i+')').css('z-index')); $('#textSegments .jmSeg').eq(i).css('z-index',$('#sortable2 li:nth-child('+i+')').css('z-index')); }

 [1]: https://i.stack.imgur.com/4hXad.jpg