开发者

Javascript regular expression for creating HTML list

开发者 https://www.devze.com 2023-03-05 18:53 出处:网络
I have to create html list from this code - ali - hammad - shah -- haripur hazara -- gaga goo - naqvi The \'-\' represents startin开发者_开发百科g of a list and nested list elements have extra \'-\

I have to create html list from this code

- ali
- hammad
- shah
-- haripur hazara
-- gaga goo
- naqvi

The '-' represents startin开发者_开发百科g of a list and nested list elements have extra '-' symbol as you can see with 'haripur hazara' and 'gaga gogo'. There is no limit on how many nested lists one can insert. Any help will be greatly appreciated.

Thank you.


var  h = [];
var d = 0, dl = 0;
var s = "- ali\n" +
        "- hammad\n" +
        "- shah\n" +
        "-- haripur  hazara\n" +
        "--- gaga goo\n" +
        "- naqvi ";

var a = s.split('\n'); 

for(var x=0,l=a.length;x<l;x++)
{
    d=a[x].indexOf(' ');
    if(d>dl){h.push('<ul>');}
    if(d<dl){h.push('</ul>');}
    h.push('<li>'+a[x].substring(d+1) + '</li>');
    dl=d;
}
while(d-- > 0){h.push('</ul>');}
document.getElementById('test').innerHTML = h.join('');
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号