Javascript Foreach循环和ajax中的引导崩溃

我在Foreach循环中使用引导折叠。我想在这里做的是在折叠弹出区域中单击按钮时显示ajax附带的数据

@foreach($depo_verileri as $veri)
        <div class="col-md-4">
            <div class="depo_veri_item" style="width:90%;">
                <span class="depo_kod">
                <a class="depo_sec" style="color:white;" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                        <i class="material-icons">
                        keyboard_arrow_right
                    </i>
                    {{ $veri['kod'] }}
                    <input id="{{$veri['id']}}" type="hidden" name="depo_id" value="{{$veri['id']}}">
                </a>

                </span>
            </div>
        </div>
        @endforeach

@foreach（$depo\u verileri作为$veri）
@endforeach

当我查看Console时，无论单击哪个，传入的数据总是1

<script type="text/javascript">
    $(document).ready(function(){
        $('.depo_sec').click(function(){
            var depo_id = $('input[name="depo_id"]').val();

            console.log(depo_id);

            return false;
        });
    });
</script>

$（文档）.ready（函数（）{
$（'.depo_sec'）。单击（函数（）{
var depo_id=$（'input[name=“depo_id”]”）。val（）；
控制台日志（depo_id）；
返回false；
});
});

---

我找不到我到底在哪里出错。提前感谢您的建议。

是的，这看起来是正常的行为

原因是什么？

您正在使用完全相同的选择器

name

attr生成多个隐藏输入

解决方法

$('.depo_sec').click(function(){

      var depo_id = $(this).children('input:hidden').eq(0).val();

      console.log(depo_id);

      return false;
});

---

工作

我同意@Foued MOUSSI

您正在使用完全相同的选择器

name

属性生成多个隐藏输入

相反，您应该考虑用<代码> name =“DEPOIIDID[]”<代码>替换<代码> name =“DoPoIID”<代码> > 并在前端和后端代码中进行相应的更改

---

我希望这会有所帮助。

您好，您可以添加所需输出的屏幕截图吗？您的折叠锚定标记以id=“collapseExample”的元素为目标。那元素在哪里？