javascript - 加载 div 时获取 div 和 insertAfter

Question

构建一个提供游戏信息的网站，并希望在特定 div 出现后插入一个 div。

<div id="pbp-no-drive-0-0" class="no-drive">
  <span></span>
</div>
<div id="pbp-no-drive-0-1" class="no-drive">
  <span></span>
</div>
<div id="pbp-0-0" class="all-plays">
  <div class="drivesum></div>
  <div id="pbp-in-drive-0-3" class="play-in-drive">
</div>

<div id="pbp-no-drive-0-25" class="no-drive">
  <span></span>
</div>

<div id="pbp-0-1" class="all-plays">    
  <div class="drivesum"></div>      
</div>

“no-drive” div 将首先出现，“all-plays” div 在驱动器启动后出现。如果它们已经不存在，我正在尝试在“drivesum”div 之后插入“no-drive”div。有多个“全部播放”和“无驱动”。它是为美式足球而设的，“无驱动器”代表特殊球队开赛。

处理这个问题的最佳方法是什么？

Answer 1

你可以写一个条件语句。如果您不确定何时添加此内容，则可以设置一个计时器。

var timer;

timer = setInterval(function() {   
    if( !$('.all-plays').find('.no-drive').length) {
       $('.no-drive').insertAfter('.drivesum');
       clearInterval(timer);
    } 
}, 100);