Verschachtelte Liste Flache Liste mit Tiefer jquery mit

Question

Ich versuche, eine verschachtelte Liste wie

<ul> 
    <li>Coffee</li> 
    <li>Tea 
    <ul> 
    <li>Black tea</li> 
    <li>Green tea</li> 
    </ul> 
    </li> 
    <li>Milk</li> 
</ul> 

zu

<div> 
    <div class="list-depth-1">Coffee</div> 
    <div class="list-depth-1">Tea</div> 
    <div class="list-depth-2">Black tea</div> 
    <div class="list-depth-2">Green tea</div> 
    <div class="list-depth-1">Milk</div> 
</div> 

Können Sie mir helfen, zu übersetzen? Und ist diese Reihenfolge immer gleich (von oben nach unten)?

Answer 1

Wie wäre es mit this?

var parent = $("<div></div>"); 

$('#top li').each(function(pos,elem){ 
    var child = $("<div></div>").addClass("list-depth-" + $(elem).parents('ul').length).text(elem.childNodes[0].nodeValue); 
    parent.append(child); 
}); 

$('body').append(parent);