Javascript 区分动态id

如何用jQuery区分动态id

HTML:

@foreach($listeSeances as $seance)
    ... 

    <div class="modal fade reservationModal" id="reservationModal-{{ $seance->id_seance }}" tabindex="-1" role="dialog" aria-labelledby="reservationModal-{{ $seance->id_seance }}" aria-hidden="true">
         ...
    </div>

@endforeach

$('[id^="reservationModal-"]').on('shown.bs.modal', function (e) {
    console.log('works');
});

我的目标是找到如何用JS中的任意数字“替换”

{{{$seance->id\u seance}}

，以获得通用函数

---

谢谢你的帮助

向它们添加一个

类

，如下所示：

$('[id^="reservationModal-"]').addClass("reservationModal");

$(".reservationModal").each(function() {
    var currentID = this.id;
    $(this).on('shown.bs.modal' function(e) {/*...*/});
});

并使用以下命令：

$(".reservationModal").on('shown.bs.modal', function (e) {
    console.log('works');
});

如果要区分功能，可以按如下方式进行：

$('[id^="reservationModal-"]').addClass("reservationModal");

$(".reservationModal").each(function() {
    var currentID = this.id;
    $(this).on('shown.bs.modal' function(e) {/*...*/});
});

---

show.bs.modal

事件的目标是

div.modal

，您可以从中检索元素ID–通过一点解析，您可以在插值之前获得

ID\u seance

的原始值

$（'[id^=“reservationModal-“]”）on（'show.bs.modal'，函数（e）{
设id_seance=e.target.id.split（'-'）.pop（-1）；
log（'works'，{id\u seance}）；
});

保留1
保留2
保留3
保留1
保留2
保留3
您用于查找模态元素的选择器是正确的，它将返回一个
div.modal
数组–有什么问题吗？我不知道如何区分哪个模态是打开的。您可以访问
div.modal
，从而访问您登录的
显示的.bs.modal
回调中的元素ID“有效”-使用事件
e
，您可以使用
e.target.ID
检索ID。为什么会有效？

方法上的

是否要求选择器为类？欧欧欧