ゲームのプレイごとの情報を提供するサイトを構築し、特定の 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 はドライブが開始された後に表示されます。「ドライブサム」div の後に「ドライブなし」div を挿入しようとしています (まだ存在しない場合)。複数の「オールプレイ」と「ノードライブ」があります。これはアメリカン フットボール用で、「ノー ドライブ」は特別チームのキックオフを表しています。
これを処理する最良の方法は何ですか?