javascript - jQuery 中的 append 问题

Question

我在 jQuery 中遇到了一个问题，那就是我有一个数组要 append 到一个对象(id)上，这个函数也在之后的意图中，例如。

当我现在在 jQuery 中使用“each”函数时，我会这样做。

$.each(childrenObj, function(index, value) 
{
    $( document.createElement('ol') )
    .append(
        $( document.createElement('li') )
        .attr('id', 'list_'+ listItem )
        .append(
            $( document.createElement('div') )
            .addClass('listContentItem')
            .html( value.contentTitle )
            )
        )
    .appendTo('#list_'+ ( listItem - 1 ) );

    listItem++;
});

正如你想象的那样，它将生成 <ol><li>test</li></ol>一遍又一遍地做同样的事情之后，取决于有多少人经历过。

我想要的是我希望它能制作一个 <ol>在一个对象中，之后我在每个循环中添加 <li>到它并最终根据我的愿望制作一个appendTo('#id')，但无法完全解决它，并且它会导致一些纯粹设计方面的问题。

希望有人能提出解决方案，并能在路上为我提供一些帮助。

Answer 1

在循环外部创建ol(下面的代码未经测试，但应该可以工作)

var ol = $( document.createElement('ol') );
$.each(childrenObj, function(index, value) 
{

    ol.append(
        $( document.createElement('li') )
        .append(
            $( document.createElement('div') )
            .addClass('listContentItem')
            .html( value.contentTitle )
            )
        );
});

ol.appendTo('#some_id');