不要以为数据库是个好主意。查询将很难。Imo更好-您选择所有书籍,以严格的顺序将其写到页面上,然后使用js重新排序。
HTML可能是:
<div id="books">
<div id="book_1" class="book" parent="0">Letters of Jane Austen</div>
<div id="book_2" class="book" parent="1">Chapter 1</div>
<div id="book_3" class="book" parent="1">Chapter 2</div>
<div id="book_4" class="book" parent="1">Chapter 3</div>
<div id="book_5" class="book" parent="2">Title 1</div>
<div id="book_6" class="book" parent="2">Title 2</div>
</div>
因此,执行此层次结构的js:
$(function () {
$('#books .book').each(function () {
var p = $(this).attr("parent");
if ($('#book_' + p).length) {
$(this).appendTo($('#book_' + p));
}
});
});
在JSFiddle上检查