javascript - stoppropagation 如何与循环一起使用？

Question

我在 foreach 循环中创建了一些 Tiles:

        @foreach (var a in Model.AA)
        {
            <partial name="Partial/A/Tile" model="a" />
        }

每个图 block 都有一个启动按钮。 (是的，如果 JS 工作，我不需要按钮上的 asp 调用)

我现在的问题是:js 调用仅在第一个 Tile 上有效，而在其他 Tile 上无效。但为什么呢？

按钮

<div class="Infos" Id=@Model.Id>
   <a class="button" id="startsomething" url="@Url.Action(nameof(AController.Start), "A")" asp-action="Start" asp-route-Id="@Model.Id">Start me</a>
</div>

JS

    $('#startsomething').click(function (event) {
        var Id = $(this).parents('.Infos').attr('Id');
        var url = $(this).attr('url');
        event.preventDefault();
        event.stopPropagation();
        Start(url, Id)
    });

Answer 1

id 应该是唯一的，因此当您使用#startsomething 时，事件仅注册到一个 id。使用类名和选择器 .somethingClass。