JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="clear">
    <li style="display : none" class="highlight-photos"><a class="highlight_photo"></a>

    </li>
    <li style="display : none" class="highlight-photos"><a class="highlight_photo"></a>

    </li>
    <li style="display : none" class="highlight-photos"><a class="highlight_photo"></a>

    </li>
</ul>

JavaScript

$.when(highlightImages()).done(function () {
    console.log('highlightImages complete!');
    displayHighlights();
});


function highlightImages() {
    $(".highlight_photo").each(function (key, val) {
        console.log(val);
    });
};

function displayHighlights() {
    console.log('displayHighlights called');
};