JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ls_admin"></div>

JavaScript

function process_row(data) {
    result_array = data.split("@");
    if (result_array.length > 0) {
        console.log(result_array);
        result_data = result_array[0].split("#");
        var id_list = []
        for (i = 0; i < result_array.length; i++) {
            result_data = result_array[i].split("#");
            var fab_text = result_data[1] + " " + result_data[2]
            console.log(fab_text);
            var fab_div = $("<div>");
            fab_div.addClass('scroll_tap');
            fab_div.attr("id", result_data[0]);
            fab_div.append(fab_text);
            (function (index) {
                fab_div.click(function () {
                    alert(index);
                })
            })(i);
            //fab_div.click(function () {
            //        alert($(this).attr('id'));
            //    });
            //^ This also works
            id_list.push(result_data[0])
            $('#ls_admin').append(fab_div)
        }
    }
}

var data = "Smith_Jones#Smith#Jones@janet_Moore#Janet#Moore@Andrew_Wilson#Andrew#Wilson";

process_row(data);