Javascript jQuery获取循环填充的其他元素中的按钮id

我有一个完全由foreach循环填充的html元素。如何获取按钮的值（例如删除按钮）？或者如何获得链接编辑按钮

@foreach($data as $d)

          <div class="col-xs-6 col-md-2">
            <a href="#" class="cab" id="thumbnail{{ $d->id }}" data-toggle="popover" data-trigger="focus">
              <img src="{{ asset('images/cabinet.png') }}" alt="..." class="img-thumbnail" >
              <p class="text-center">{{ $d->description }}</p>
            </a>
          </div>

           <!-- loaded popover content -->
           <ul id="popover-content" class="list-group{{ $d->id }}" style="display: none">
             <a href="#" class="list-group-item">Share</a>
             <a href="#" id="edit{{ $d->id }}" class="list-group-item open-modal" data-value="{{ $d->id }}">Edit</a>
             <button class="list-group-item mt-sweetalert-delete" value="{{ $d->id }}">Delete</button>
           </ul>


        @endforeach

@foreach（$d数据）

删除

@endforeach

您可以使用常规jQuery/JavaScript选择器将所需元素作为目标。这取决于您想要获取元素的确切时间，但考虑到您的元素是动态生成的，您需要提升范围并利用

在下面的示例中，我将事件侦听器附加到

标记，这很有用，因为它在页面加载时始终存在于页面上。此侦听器查找任何

元素上的单击，如果找到，则记录按钮的

值。由于处理程序位于
上，因此这将适用于动态生成的按钮

在下面的示例中可以看到这一点（在该示例中，我打开了
的
显示器），当单击
删除
时触发。您单击的元素存储为
e.target
：


document.getElementsByTagName（“正文”）[0]。addEventListener（“单击”，函数（e）{
如果（e.target&&e.target.matches（“按钮”））{
console.log（“单击：+e.target.value”）；
}
});


删除
我想，如果你有id，你可以在类中使用这个选择器：jQuery（this）.contents（）.find（'strong'）；您正在为
循环的
内部生成一个ID。这将创建重复的
popover内容
id，这是无效的标记，并将导致JavaScript选择器出现问题。请考虑使用一个类，你能扩展一下你的意思是“我如何得到”？你想在什么样的背景下得到它？您是否有一些示例伪代码来说明您正在尝试执行的操作（对于您不确定如何执行的部分，您可以使用“here I get the id of the button”来编写它）？有时，上下文确实帮助了我们：）使用一个类来定位元素并使用它。你在底部的解释对我帮助很大：-D谢谢