Js功能:多级菜单小demo

 function hoverData(data) {
 
        var ulData = `<ul class="nav"  id="data${data[0].id}">`
        for (var i = 0; i < data.length; i++) {
            var xxx = JSON.stringify(data[i].children);
            ulData += `<li  dataName=${xxx} onmouseenter="read(this)" onmouseleave="dddd(this)">${data[i].name}</li>`
        }
        ulData += '</ul>';
        $('.btn').append(ulData)
    }
    hoverData(data1)

    function read(obj) {
        $(obj).children().first().remove()
        var data = JSON.parse($(obj).attr('dataName'));
        if (!data[0]) { return }
        var ulData = `<ul id="data${data[0].id}">`
        for (var i = 0; i < data.length; i++) {
            var xxx = JSON.stringify(data[i].children);
            ulData += `<li  dataName=${xxx} onmouseenter="read(this)" onmouseleave="dddd(this)">${data[i].name}</li>`
        }
        ulData += '</ul>';
        $(obj).append(ulData)
    }

    function dddd(obj) {
        $(obj).children().first().remove()
    }