Использование нескольких идентификаторов с классом для уникальной идентификации элементов

Question

Я хочу получить доступ к каждому сортируемому предложению в отдельности, чтобы сравнить его с «правильным ответом». Предложения для расшифровки содержатся в отдельном ul, каждое с уникальным идентификатором, например, Q1, Q2.Как я могу получить идентификатор в моей переменной «предложение»?Второй вопрос: как мне связать этот идентификатор с ответами, содержащимися в const answers=[Q1:"I can't play the paino",Q2: ="The moon is a green disc"]; Мой HTML-код:

    <div>
<ul class= "scramble" id = "Q1">
<li>I</li>
<li>piano</li>
<li>can't</li>
<li>play</li>
<li>the</li>
<button onclick ="checkOrd(id);">Check</button>
</ul>

<ul class="scramble" id = "Q2" >
<li>moon</li>
<li>green</li>
<li>is</li>
<li>disc</li>
<li>a</li>
<li>the</li>
<button onclick ="getOrd(id);">Check</button>
</ul>
</div>

и сценарий, который у меня есть до сих пор

 <script>
 $(function makeSort() {
    $( ".scramble" ).sortable();

    $( ".scramble" ).disableSelection();

   });

  function getOrd(){  

    var myElement = document.getElementsByClassName(".scramble").innerHTML;
    sentence =$.map( $('# li'), function (element) { return $(element).text() }).join(' '); 
    alert(sentence)
    };
</script>

Где у меня естьнабрал '#' в $ .map ($ ('# li'), где я думаю, что должен получить соответствующий идентификатор, но я не знаю, как поступить. Благодарен за указатели, предложения