jquery将新的li添加到嵌套集模型

Question

将新的 li 元素插入嵌套集模型的特定位置的最佳方法是什么？

例如以下列表:

<ol class="nested">
    <li id="list_1"></li>
    <li id="list_2">
        <ol>
            <li id="list_3"></li>
            <li id="list_4"></li>
        </ol>
    </li>
    <li id="list_5"></li>
</ol>

假设我想插入一个新的 li 作为 #list_2 的子项 我可以这样做:

$('#list_'+parent_ID+' ol > li:last-child').after('<li id=""></li>');

但如果父级是#list_1或#list_4，则不起作用 有什么想法吗!？

Answer 1

这是一个在点击时添加适当元素的示例:

$('ol.nested > li').bind('click', function(){
    var elem;
    if ($('ol', this).length > 0) {
        elem = $(this).find('ol');
    } else {
        elem = $('<ol>').appendTo($(this));
    }
    elem.append("<li>new</li>");
});