javascript - n 番目の子が存在するかどうかを確認し、存在しない場合は作成して更新します

Question

私はdiv構造を持っています

<div class="hours_logged">
     <div class="time_item">
        <div class="record_id"></div> 
        <div class="time_logged">0</div>
        <div class="desc"></div>
     </div>
</div>

新しいアイテムを動的に追加しています。新しい時間を追加すると、AJAX 呼び出しで保存され、DOM が更新されます。上記が更新したいDOMです。ユーザーが 2 つの新しい時間を追加した場合、別の「time_item」DIV を追加し、その中に値を入力します。私はすでにjqueryの各関数を使用しており、DIVの正しいインデックス番号を取得していますが、インデックスが2であるかどうかを確認するにはどうすればよいですか

if(!$('.hours_logged').eq(index))
{
     $('.hours_logged').append(' <div class="time_item">
        <div class="record_id"></div> 
        <div class="time_logged">0</div>
        <div class="desc"></div>
     </div>');
  }

Answer 1

これを試して：

if($('.hours_logged').length < 1)
{
     $('.hours_logged').append(' <div class="time_item"><div class="record_id"></div><div class="time_logged">0</div><div class="desc"></div></div>');
  }