JSFiddle - React, Tailwind, and code Playground

by bluey

HTML

<div class="boop"></div>
<div class="boop"></div>
<div class="boop"></div>

JavaScript

var PAGEJSONCLASS = 'boop';

$('.'+PAGEJSONCLASS).each(function(){
	//test variable
	var nestedString = '[{"id":1},{"id":2,"children":[{"id":3},{"id":4},{"id":5,"children":[{"id":6},{"id":7},{"id":8}]},{"id":9},{"id":10}]},{"id":11},{"id":12}]';
	//working variable
	//var nestedString = $(this).find('textarea').val();//be careful assumes only one
	var myjsonobject = parseJSONString(nestedString);
	var myjsonstring = stringifyJSON(myjsonobject);
	
	
	alert(myjsonstring);
});

//functions
function parseJSONString(myString)
{
    return JSON.parse(myString);
}

function stringifyJSON(myJSONobject)
{
	return JSON.stringify(myJSONobject);
}