javascript - jQuery - .load() 每个增量 ID(例如 : content1, content2 等)

Question

不太确定如何提出这个问题，但无论如何。我根据存储在数组中的 id 自动添加 div(在 php 中)，我想用不同的值刷新每个现有的 div。下面是 div 的外观示例:

<div class="panel-heading" >
    <h4 class="panel-title" id="reload$device_id">
    <a data-toggle="collapse" data-parent="#accordion" href="#collapse$device_id">Data: $device_data</a>
    </h4>
</div>

我正在尝试重新加载 ID 为“reload$device_id”的元素(目前有 2 个不同的 ID，因此应该是 reload1 和 reload2)。

感谢您的帮助!

p.s: 第一次发帖，不知道效果如何

Edit1:取而代之的是 <=device_id_list.length，快速拼写错误已修复。

Edit2:当前代码，非常相似，只重新加载第一个:/

<script type="text/javascript">
    var device_id_list = <?php echo json_encode($device_id_list);?>;
    $(document).ready(function() {
    $.ajaxSetup({ cache: false }); // This part addresses an IE bug.  without it, IE will only load the first number and will never refresh
    setInterval(function() {
    for (var i = 1; i < device_id_list.length + 1; i++) {
        $("#reload" + i).load("reload_data.php?device=" + i);
    }
    }, 5000);
    });
</script>

Answer 1

您似乎回显了 json_encode($device_id_list) 并在 javascript 中使用 php 只是为了在 for 循环中使用 device_id_list.length !!如果我是对的..你可以使用

<script type="text/javascript">
  $(document).ready(function(){
    setInterval(function() {
      $('[div^="reload"]').each(function(){
         $(this).load('reload_data.php');
      });
    }, 5000); 
  });
</script>

希望对你有帮助