JSFiddle - React, Tailwind, and code Playground

by Akram kamal

HTML

<div>
    <table border="1">
        <tr id="1">
            <td>mmmmmm</td>
            <td>.ffff.</td>
        </tr>
        <tr id="2">
            <td>kkkkk</td>
            <td>fffffffff.</td>
        </tr>
    </table>
</div>

JavaScript

var data = {
    "agencies": {
        "1": {
            assignedAgencies: [
                "agency1",
                "agency2",
                "agency5"],
            restOfAgencies: [
                "agency3",
                "agency4",
                "agency6"]
        },
            "2": {
            assignedAgencies: [
                "agency6",
                "agency5"],
            restOfAgencies: [
                "agency1",
                "agency2",
                "agency3",
                "agency4"]
        }

    }
}

    function constructAgenciesData() {
        $.each(data.agencies, function (id, row) {
            console.log(id,row)
            $("#"+id).data(row)
        })
    }


$(constructAgenciesData);

$(function () {
    console.log($("#1").data("assignedAgencies"))
})