JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="dur" id="8.5">Size 8.5</a>

<div class="product1">
    <ul class="sizeAvail" style="display:none;">
        <li>8</li>
        <li>8.5</li>
        <li>9</li>
        <li>9.5</li>
        <li>10</li>
    </ul>
</div>
<div class="product2">
    <ul class="sizeAvail" style="display:none;">
        <li>8</li>
        <li>8.5</li>
        <li>9</li>
        <li>9.5</li>
    </ul>
</div>

JavaScript

$(".dur").click(function () {
    var clickedSize = $(this).attr("id");
    $(".sizeAvail").each(function (li) {
        alert($(this).text());
    });
});