複数の要素を1つの要素に追加するループは、複数の要素を追加するのではなく、

Question

です。ヌルIDを持たないすべてのコンテナにボタンを追加したい。したがって、コンテンツのリストには2つの項目があり、ボタンを追加したいと思います。問題はリストに最後の項目だけを追加することです。だから私の質問はなぜですか？それを修正する方法。二度同じボタンを追加しようとしたとき

例データセット

内容

0:{item_uuid: null, label: "11"} 
1:{item_uuid: "49b661aa-222b-4c3c-a3cc-92db229c500e", label: "24"} 
2:{item_uuid: null, label: "25"} 
3:{item_uuid: null, label: "31"} 
4:{item_uuid: "49b661aa-222b-4c3c-a3cc-92db229c500e", label: "43"} 
5:{item_uuid: null, label: "44"} 

が

for (var i = 0; i < contents.length; i++) { 
     if (contents[i].item_uuid !== null) { 
      $('#' + contents[i].label).append(button); 
      button.setAttribute("class", "button"); 
     } 
    } 

Answer 1

あなたのコードが動作するコードが、私はいくつかの奇妙な結果が得られました、それが私がループ内で作成する理由です。同じボタンを複数のコンテナに追加しないようにすることができます。

例えば

for (var i = 0; i < contents.length; i++) { 
     if (contents[i].item_uuid !== null) { 
     var button = $('<button>blah</button>'); 
      $('#' + contents[i].label).append(button); 
      //button.setAttribute("class", "button"); 
     } 
    } 

Answer 2

がためのループ内のボタンオブジェクトを作成することができます。それ以外の場合は、同じボタンインスタンスを使用し、最後のインスタンスにのみ追加します。

for (var i = 0; i < contents.length; i++) { 
     if (contents[i].item_uuid !== null) { 
      var button = createElement(....); //create it here 
      $('#' + contents[i].label).append(button); 
      button.setAttribute("class", "button"); 
     } 
    }