Javascript 检查目标元素是否是类中的第一个元素

我需要检查目标元素是否是其类中的第一个元素，并相应地执行操作

例如，我有一个类名为“team”的select元素

现在我需要检查所选元素是否为第一个元素

这是我的HTML：

最初只有一个选择和复选框输入。单击按钮时，会添加更多的选择和复选框输入

<div class="col-sm-7" id="include-fields">
   <select name="team[]" class="form-control team" id="team">
     <option></option>
     <option value="1">1</option>
   </select>

   <label>Lead</label>
   <input type="checkbox" name="lead_check[]">
</div>
<div class="col-sm-offset-2">
    <button id="includes" class="btn btn-success"><i class="fa fa-plus"></i>
    </button>
</div>

我试着跟随，但没有成功：

$(document).on("change",".team",function(e){
  var target = $(e.target);
  if(target.is(".team:first"))
  {
    $(this).parent('div#include-fields').find("input[name='lead_check[]']").val($(this).val());
  }
  $(this).siblings("input[name='lead_check[]']").val($(this).val());
});

---

在这里，第一个select元素已经存在，但其他select元素稍后会动态添加。它们都有相同的类团队。

要检查select元素是否是其父元素在所有兄弟元素中的第一个子元素，可以使用此脚本

$(document).ready(function(){
  $(document).on("change","#include-fields .team:first",function(){
     alert($(this).val());
  });
});

---

警报只会在第一个select元素上触发。这里是一个

所说的“第一”，您指的是“第一个创建时刻”或“第一个在DOM中显示的顺序”？您可能需要添加一些HTML作为示例，以说明您要选择的内容。@FedericoklezCulloca“第一个在DOM中显示的顺序”。但在我的例子中这两个都是正确的。你能分享你的HTML代码吗@AzimaI建议您向元素添加额外的数据属性。这样就不那么复杂了。但是正如前一位发言者所说，您可能需要添加一些HTML/代码来解释您的问题。

$(document).ready(function(){
  $(document).on("change","#include-fields .team:first",function(){
     alert($(this).val());
  });
});