Javascript 循环仅附加到一个元素而不是多个元素

所以我似乎无法准确地理解这一点。我想将按钮附加到每个没有空id的容器中。因此，在内容列表中有两项，我想附加按钮。问题是它只会附加到列表中的最后一项。所以我的问题是为什么？以及如何修复它

示例数据集

内容

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");
      }
    }

for（变量i=0；i

您的代码可以工作，但我在尝试两次附加同一按钮时遇到了一些奇怪的结果，这就是我在循环中创建它的原因。您可能需要确保没有将同一按钮附加到多个容器

例如

for（变量i=0；i

您的代码可以工作，但我在尝试两次附加同一按钮时遇到了一些奇怪的结果，这就是我在循环中创建它的原因。您可能需要确保没有将同一按钮附加到多个容器

例如

for（变量i=0；i

可以在for循环中创建按钮对象。否则，它将使用相同的按钮实例，并将仅附加到最后一个按钮实例

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");
      }
    }

for（变量i=0；i

可以在for循环中创建按钮对象。否则，它将使用相同的按钮实例，并将仅附加到最后一个按钮实例

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");
      }
    }

for（变量i=0；i

对我来说很好。你的代码运行得很好。。检查您的页面中是否同时有ID 24和43。嗯，是的，这有点让人困惑。也许代码中还有其他东西破坏了这个功能。这是一种奇怪的互动，我可能会不知所措。它找到了我要查找的两个id，并且只将按钮附加到最后一个id。@SulimanSharif我在尝试两次附加同一个按钮时遇到了一些奇怪的结果，这就是我在循环中创建它的原因。您可能需要确保没有将同一个按钮附加到多个容器。对我来说很好。你的代码运行得很好。。检查您的页面中是否同时有ID 24和43。嗯，是的，这有点让人困惑。也许代码中还有其他东西破坏了这个功能。这是一种奇怪的互动，我可能会不知所措。它找到了我要查找的两个id，并且只将按钮附加到最后一个id。@SulimanSharif我在尝试两次附加同一个按钮时遇到了一些奇怪的结果，这就是我在循环中创建它的原因。您可能需要确保没有将同一按钮附加到多个容器。