javascript - 是否可以将js变量写入纯html？

Question

我正在计算我的用户指定的和动态出现的 div...

我的情况:

<div class="grid-stack" data-bind="foreach: {data: widgets, afterRender: afterAddWidget}">
<div id="streamcontainer1" class="streamcontainer grid-stack-item" data-bind="attr: {'data-gs-x': $data.x, 'data-gs-y': $data.y, 'data-gs-width': $data.width, 'data-gs-height': $data.height, 'data-gs-auto-position': $data.auto_position}">

</div>
</div>

在 PHP 中，我可以简单地将 COUNT 变量写入 html 中。看起来像这样:

<div id="streamcontainer<?php echo $count ?>" class="" ... and so on...>

我如何使用 JS/Jquery 归档相同的内容？

Answer 1

这是一个 DOM 操作问题。我们需要做什么？我们正在向页面添加 div，它们有一个特定的类，我们想给它们一个 ID。

function assignIds(){
  var list = document.getElementsByClassName('streamcontainer');
  for(var i=0; i<list.length;i++){
    if(list[i].id == undefined) // skip the ones that have already been done.
      list[i].id = 'streamContainer' + i.toString();
  }
}

现在我们只需在某些事件上运行该函数，这样它就会不断更新。如果你只是想每隔一段时间做一次，那是最简单的。 (setInterval) 但这可能会给您带来一个错误，即在一小段时间内尚未分配该 ID。您可以尝试监听任何 AJAX/websocket 进程将这些内容流式传输到页面上。

我们需要更多地了解您的用例，才能知道将其附加到哪个事件。