jquery实现移动端多级树形样式

2023年12月16日发(作者：霸占的近义词)

"children": [ { "name": "2412基础写作", "children": [ { "name": "", "url": "" }, { "name": "", "url": "" }, { "name": "", "url": "" }, { "name": "", "url": "" } ] } ] } ] }

] $(function(){ var list = parseJson(json,0); for(var i=0;i<;i++){ $('#treeData').append(list[i]) } $('.tree-title').on('click', function(event){ $(this).next().toggle(); var icon = $(this).children('.tree-icon').children('i'); if (()==='-'){ ('+'); } else { ('-'); } }); }); function parseJson (data, level) { var lis = []; var index = level + 1 for(var i=0;i<;i++){ var item = data[i] var rootLi = $('

'); ss('tree-item') if (en && > 0) { var div = $('') var icon = $('') ss('tree-icon') ($('').text('-')) (icon) var span = $(''); (); ss('tree-title'); ("padding-left", index+"9px"); (span) var ul = $('

'); (div)