Group Li Into Ul Based On Dash '-'

I got a code dropdown like this: Top Folder2nd Folder 01 &lSolution 1: Yes, you should be able to use the dashes, provided that the level is always the number of dashes divided by three. The key is to use a stack. It also helps to have a function to count the dashes.// Helper function.functioncountLeadingChars(str, ch) { for (var i = 0; i < str.length; i++) { if (str.charAt(i) !== ch) { return i; } } return str.length; } var stack = []; $('#Folder').children().each(function() { var$option = $(this); var text = $option.text(); // Count the dashes.var dashes = countLeadingChars(text, '-'); // Level is # of dashes divided by 3.var level = dashes / 3; // Remove anything in the stack beyond the current level.// This will cause new <ul>s to get created when higher// levels are encountered again.if (stack.length > (level + 1)) { stack.length = level + 1; } // Get the <ul> for the level, creating it if it doesn't exist.var$ul = stack[level]; if (!$ul) { $ul = $('<ul/>'); stack[level] = $ul; // Add the <ul> to the last <li> of the parent <ul>.if (level > 0) { stack[level - 1].children(':last').append($ul); // Add the "class" to the <ul>.var parentText = $ul.parent().text(); var index = parentText.lastIndexOf(' '); $ul.addClass('something' + parentText.slice(index + 1)); } } // Create the <li> and add it to the <ul>. $('<li>' + text.slice(dashes) + '</li>').appendTo($ul); }); // At this point, stack[0] is the top-most <ul>.CopyLive Demo on jsfiddleEDIT: I just noticed you wanted a "class" on the <ul> elements I added the code for that above.New Live Demo on jsfiddleSolution 2: See the tag optgroup and if it solves your problemhttp://www.w3schools.com/tags/tag_optgroup.asp Share Post a Comment for "Group Li Into Ul Based On Dash '-'" Top Question Disable Text Entry In

I am making a simple web app. At one part of it, I have inc…