JSFiddle - React, Tailwind, and code Playground

HTML

<div id="section_1">
    <a href="#" class="findNext">Find</a>
</div>
<div></div>
<canvas class="chart" id="section_3"></canvas>
<canvas  class="chart" id="section_4"></canvas>

<div id='test'></div>

JavaScript

$('a.findNext').click(function() {
    debugger;
    var nextSectionWithId = $(this).closest(".chart").nextAll("canvas[id]:first");
    if (nextSectionWithId) {
        var sectionId = nextSectionWithId.attr('id');
        $("#test").text(sectionId)
    }
});