Unordered List to Json

json_to_ul.html

# HTML FILE

<div id="res">

</div>



# JAVASCRIPT

var j = '[{"parent":"Hello","children":{}},{"parent":"Hai","children":{}},{"parent":true,"children":{"0":"School1","1":"School2"}},{"parent":"Test","children":{}}]';
var obj = $.parseJSON(j);
var x = "";
$.each(obj, function(index, value) {
  x += '<li>'+value.parent+'</li>';
  if(value.children[0]){
  		var s = '<ul>'
      $.each(value.children, function(i, v) {
      			s += "<li>"+v+"</li>";
      });
      s += '</ul>'
      x += s;
  }
});
$("#res").html("<ul=\"ul\">"+x+"</ul>");

ul_to_json.html

<ul id="ul">
    <li>Hello</li>
    <li>Hai</li>
    <li> H
        <ul>
            <li>School1</li>
            <li>School2</li>
            
        </ul>
    </li>
    <li>Test</li>
    
</ul>

    

    var result = [];
    
    function getList(element) {
        $.each($(element).children('li'), function() {
            var target = $(this),
                index = target.index(this) + 1,
                data = $(target).text().indexOf("\n") !== -1 || $(target).text(),
                eachObj = {};

            eachObj.parent = data;
            
            if(target.has('ul')) {
                var aff = {};
                var c = 0;
                $.each($('ul li',  target), function() {
                    aff[c] = $(this).text();
                    c++;
                });        
            }
            eachObj.children = aff;
            result.push(eachObj)
        });
        return result;
    }
    
    console.log(JSON.stringify(getList($('ul#ul'))));