JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <ul>
        <li class="plant-name">0</li>
        <li class="plant-name">1</li>
        <li class="plant-name">2</li>
    </ul>
    <button id="nav-btn-test">Click me</button>
</div>

JavaScript

$(function() {
    $('.plant-name').each(function( index ) {
        $(this).attr('id', 'plant-name-' + index);
    });
    
    $('#nav-btn-test').click (function () {
        $('#plant-name-0').html('hello');
        console.log('clicked');
    });
});