JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<h2>small alpha</h2>
<li>a</li>
<li>b</li>
<li>C</li>
<a href="#">get</a>
</ul>
<ul>
<h2>big alpha</h2>
<li>A</li>
<li>B</li>
<li>C</li>
<a href="#">get</a>
</ul>
<ul>
<h2>number</h2>
<li>1</li>
<li>2</li>
<li>3</li>
<a href="#">get</a>
</ul>

JavaScript

var Arr= [], Arr2 = {};


$('a').click(function(){
var ht = $(this).closest('ul').find('h2').text(), a = [];
    
Arr.push(ht);

    $(this).closest('ul').find("li").each(function () {
        a.push($(this).text());
    })

Arr2[ht] = a;
    
console.log(Arr);
    console.log(Arr2);
})