Javascript 动态id="；errorMessage1"；用递增的数字？

以下是我所拥有的：

  <form class="form-horizontal" method="POST" action="{{ route('user_register') }}">
                    {{ csrf_field() }}

                    @if (count($errors) > 0)
 @foreach ($errors->all() as $error)
    <div class="alert alert-danger" id="errorMessage1">
  {{$error}}
  </div>
   @endforeach
  @endif

{{csrf_field（）}}
@如果（计数（$errors）>0）
@foreach（$errors->all（）作为$error）
{{$error}}
@endforeach
@恩迪夫

我添加id的地方=它创建了很多

 <div class="alert alert-danger" id="errorMessage1">
 <div class="alert alert-danger" id="errorMessage1">
 <div class="alert alert-danger" id="errorMessage1">

当我试图为每个错误消息设置要运行的单个脚本时， 像这样的

 <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"> 
 </script>

 <script type="text/javascript">
   setTimeout(function(){
      $("#errorMessage1").fadeOut(2000);
   }, 3000);
   </script>

<script type="text/javascript">
    setTimeout(function(){
        $("#errorMessage2").fadeOut(2000);
}, 5000);
</script>

    <script type="text/javascript">
        setTimeout(function(){
            $("#errorMessage3").fadeOut(2000);
    }, 7000);
    </script>

setTimeout（函数（）{
$（“#errorMessage1”）。淡出（2000年）；
}, 3000);
setTimeout（函数（）{
$（“#errorMessage2”）。淡出（2000年）；
}, 5000);
setTimeout（函数（）{
$（“#errorMessage3”）。淡出（2000年）；
}, 7000);

---

请参阅，我已添加了id=“errorMessage1”id=“errorMessage2”id=“errorMessage3”，但由于上述问题，它们无效。

感谢用户：iamab.in的回复！！工作出色

现在，通过使用它，它从errorMessage0开始并递增

  <div class="alert alert-danger" id="errorMessage{{ $loop->index }}">

他还说，通过使用它，它将从errorMessage1开始，然后递增

  <div class="alert alert-danger" id="errorMessage{{ $loop->index + 1 }}">

您可以替换数字1，然后从您想要的任何数字开始

尝试

。请注意

$loop->index

将从

0

开始，因此第一个元素的id将是

errorMessage0

，如果您想从

errorMessage1

开始id，请使用