限制Div内的最大元素-FIFO流数据

时间:2019-04-19 18:25:47

标签: javascript jquery bootstrap-4

我的情况是我正在将数据流化为行以显示在div中。

因此,对于收到的每一行,我都会创建一个跨度,然后将其附加。

但是我希望将div限制为最多100行/跨度元素。

因此,如果我收到新数据,则会删除最旧的元素,以便为新元素腾出空间。

关于如何通过jquery实现此目的的任何提示吗?

这是我当前的代码,只需追加即可。

dlogsocket.onmessage = function (event) {
    $("#ws-dlog-data").append(event.data);
};

2 个答案:

答案 0 :(得分:2)

您必须计算存在的元素数量,并使用.first()删除第一个元素,该元素应该是最早的。

int nProcessors = omp_get_max_threads();

答案 1 :(得分:1)

您可以检查元素的子代号,如果已经是100,则在添加新的子代号之前先删除第一个:

dlogsocket.onmessage = function (event) {
   var $container = $("#ws-dlog-data");
   while ($container.children().length >= 100)
      $container.children().first().remove();
   $("#ws-dlog-data").append(event.data);
};