在jQuery中追加問題

Question

我在jQuery中遇到了一個問題，那就是我有一個數組追加到一個對象（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');