如何使用JavaScript和for循环仅显示x个分区

我使用下面的脚本按降序显示动态数据：

var main = document.getElementById( 'container' );

[].map.call( main.children, Object ).sort( function ( a, b ) {
    return +b.id.match( /\d+/ ) - +a.id.match( /\d+/ );
}).forEach( function ( elem ) {
    main.appendChild( elem );
    }

});

例如，使用PHP时，它显示以下内容：

<div id="container">
  <div id="data-7">data 7</div>
  <div id="data-6">data 6</div>
  <div id="data-5">data 5</div>
  <div id="data-4">data 4</div>
  <div id="data-3">data 3</div>
  <div id="data-2">data 2</div>
  <div id="data-1">data 1</div>
</div>

---

有什么想法吗？

只需从数组中取出前五个元素，其中包括：

---

只需从数组中取出前五个元素，使用：

---

只需从数组中取出前五个元素，使用：

---

只需从数组中取出前五个元素，使用：

---

谢谢！它起作用了。告诉我，如何按ID将切片的子分区附加（应用）到另一个div？

$（“#anotherID”）。附加（arrayOfElements）

应该可以正常工作。谢谢！！我只是想隐藏其他分区，只显示5个分区，所以我最终使用了

$（'#container div'）.hide（）.filter（':lt（5）'）.show（）

并执行隐藏其他分区的任务。再次感谢你，祝你有愉快的一天！！谢谢！它起作用了。告诉我，如何按ID将切片的子分区附加（应用）到另一个div？

$（“#anotherID”）。附加（arrayOfElements）

应该可以正常工作。谢谢！！我只是想隐藏其他分区，只显示5个分区，所以我最终使用了

$（'#container div'）.hide（）.filter（':lt（5）'）.show（）

并执行隐藏其他分区的任务。再次感谢你，祝你有愉快的一天！！谢谢！它起作用了。告诉我，如何按ID将切片的子分区附加（应用）到另一个div？

$（“#anotherID”）。附加（arrayOfElements）

应该可以正常工作。谢谢！！我只是想隐藏其他分区，只显示5个分区，所以我最终使用了

$（'#container div'）.hide（）.filter（':lt（5）'）.show（）

并执行隐藏其他分区的任务。再次感谢你，祝你有愉快的一天！！谢谢！它起作用了。告诉我，如何按ID将切片的子分区附加（应用）到另一个div？

$（“#anotherID”）。附加（arrayOfElements）

应该可以正常工作。谢谢！！我只是想隐藏其他分区，只显示5个分区，所以我最终使用了

$（'#container div'）.hide（）.filter（':lt（5）'）.show（）

并执行隐藏其他分区的任务。再次感谢你，祝你有愉快的一天！！

for (i = 0; i < 5; i++) {
}

[].map.call( main.children, Object ).sort(...).slice(0, 5).forEach(...)