JSFiddle - React, Tailwind, and code Playground

HTML

<div id='container-trees'></div>

JavaScript

var CarView = function(){

  this.buildCarTree = function(){

    // Gets the JSON data from somewhere
    var jsonData = {sportsCars: {'1': {'text': 'audi'}}};

    // Grab the template and convert it into a jQuery object
    var template = $('<div><ul class="sports-cars"></ul></div>');

    // Adds sport car data to sports cars list
    this.addCars(template.find('.sports-cars'), jsonData.sportsCars);

    // Adds super car data to sports cars list
    this.addCars(template.find('.super-cars'), jsonData.superCars);

    // Add the car tree to some container
    $('#container-trees').append(template);
  }

  this.addCars = function(container, carData){

    for(id in carData){
      $('<li/>', {
        text : carData[id].text
      }).appendTo(container);
    }
  }
};

var view = new CarView();
view.buildCarTree();