newbie guy,
сервера совсем нет?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function() {
$("span").each(function(indx, span) {
var id = $.map($(span).parents("li"), function(li) {
return $(li).index() + 1
});
span.id = id.reverse().join("-")
});
$("textarea").val($("ul").html()) //для теста
});
</script>
</head>
<body>
<ul>
<li>
<span>Заголовок</span>
<ul>
<li>
<span>Подзаголовок</span>
<ul>
<li>
<span>Подподзаголовок</span>
</li>
</ul>
</li>
</ul>
</li>
<li>
<span>Заголовок</span>
<ul>
<li>
<span>Подзаголовок</span>
</li>
</ul>
</li>
</ul>
<textarea name="" rows="24" cols="70"></textarea>
</body>
</html>