Как я могу получить индекс с текстом 'li' на jQueryui-sortable?

Question

Я использую jqueryui-сортируемый. Я хочу получить окончательный результат в виде массива.

HTML:

<ul class="bizline-sortable-section ui-sortable">                   
    <li class="ui-state-default ui-sortable-handle">home-slider</li>                    
    <li class="ui-state-default ui-sortable-handle">home-quote</li>                 
    <li class="ui-state-default ui-sortable-handle">home-service</li>                   
    <li class="ui-state-default ui-sortable-handle">home-features</li>                  
    <li class="ui-state-default ui-sortable-handle">home-testimonial</li>                   
    <li class="ui-state-default ui-sortable-handle">home-team</li>                  
    <li class="ui-state-default ui-sortable-handle">home-cta</li>                   
    <li class="ui-state-default ui-sortable-handle">home-news</li>                  
</ul>

Я хочу выводить afetr shot как:

[
  home-slider : final index,
  home-quote : final index,
  home-service : final index
]

Answer 1

Используйте document.querySelectorAll(".bizline-sortable-section li"), чтобы получить все элементы li и выполнить некоторые модификации:

var elements = document.querySelectorAll(".bizline-sortable-section li");
var texts = Array.from(elements).map(el => el.innerText);
var indexes = Object.fromEntries(texts.map(el => [el, texts.indexOf(el)]));
console.log(indexes);

<ul class="bizline-sortable-section ui-sortable">
  <li class="ui-state-default ui-sortable-handle">home-slider</li>
  <li class="ui-state-default ui-sortable-handle">home-quote</li>
  <li class="ui-state-default ui-sortable-handle">home-service</li>
  <li class="ui-state-default ui-sortable-handle">home-features</li>
  <li class="ui-state-default ui-sortable-handle">home-testimonial</li>
  <li class="ui-state-default ui-sortable-handle">home-team</li>
  <li class="ui-state-default ui-sortable-handle">home-cta</li>
  <li class="ui-state-default ui-sortable-handle">home-news</li>
</ul>