JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="layer_list"></ul>

JavaScript

var layer = {id:0, name: 'xxxxx'};


$('<li />', {'class': 'liBullet'}).append(
    $('<div />', {'class': 'layerCheck'}).append(
        $('<input />', {id: layer.id, type: "checkbox"})
    )).append(
        $('<label />', {'for': layer.id, text: layer.name})
    ).append(
        $('<div />', {id: 'legend' + layer.id, 'class': 'loadingLegend'})
).appendTo("#layer_list");

/*
<li class='liBullet'>
    <div class='layerCheck'>
        <input type='checkbox' id='0' />
    </div>
    <label for='0'>xxxxx</label>
    <div id='legend0' class='loadingLegend'></div>
</li>
*/