JSFiddle - React, Tailwind, and code Playground

by Rejith R Krishnan

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.0/jstree.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.0/themes/default-dark/style.min.css">
<button id="idClickMe">Click me</button>
<div id='jstree'></div>

JavaScript

$('#idClickMe').on('click',function () {
	    var resultant = "<ul><li data-jstree='{'selected' : true, 'opened' : true }><span>Friend</span><ul><li>abc</li></ul></li><li><span>Wife</span></li><li><span>Company</span></li></ul>";
	    $("#jstree").jstree('destroy').html(resultant);
	    $("#jstree").jstree();
	});