JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css">
<div id="tree_div">
	<ul>
		<li id="Root">Root1
		<ul>
			<li id="Sub">Sub</li>
		</ul>
		</li>
	</ul>
</div>

<div id="myTest">
</div>

<div id="yourTest">
  <ul>
		<li id="Root">Root2
		<ul>
			<li id="Sub">Sub</li>
		</ul>
		</li>
	</ul>
</div>

JavaScript

$(function () {
		$('#tree_div')
			.jstree()
			.on('changed.jstree', function (e, data) {
				alert(data.selected);
			});
      
      
      attach();
      
      second();
	});
  
  //just copies UI
  function attach(){
  var $elem = $("#tree_div").clone(true, true);
   $("#myTest").append($elem);
  }
  
  //for another instance
  function second(){
  	$('#yourTest')
			.jstree()
			.on('changed.jstree', function (e, data) {
				alert(data.selected);
			});
  }