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>');
  }