List nested Jquery

List nested Jquery

$(document).ready(function () {

	//"parentId": null,
	var menuItems = {
		"menu-6": {
			"id": "menu-6",
			"link_text": "Docs",
		},
		"menu-7": {
			"id": "menu-7",
			"link_text": "Contact sub1",
			"parentId": "menu-6",
		},
		"menu-8": {
			"id": "menu-8",
			"link_text": "Contact sub2",
			"parentId": "menu-6",
		},
		"menu-10": {
			"id": "menu-10",
			"link_text": "Contact last sub sub",
			//"parentId": null,
		},
	};

	
	var url = "#";

	function recurseMenu(parent) {
		var s = '<ul>';
		for (var i in menuItems) {

			if ( menuItems[i].parentId == parent) {

				s += '<li><a href="' + url + '">' + menuItems[i].link_text + '</a>';

				s += recurseMenu(menuItems[i].id);

				s += '</li>';
			}			

		}
		return s + '</ul>';
	}

	$("#listContainer").html(recurseMenu());
	//add on html div with id listContainer

});

https://codereview.stackexchange.com/questions/88433/creating-a-menu-as-nested-unordered-lists-from-json-data