javascript - $(selector).each 在 Laravel 的表行上

Question

这是我的第一个问题，我已经为此搜索了很长时间，而且我一般来说不仅仅是 jQuery 和 JavaScript 的新手，但我现在需要它来完成非常小的任务，所以我只是在没有非常深入的了解的情况下就进入了它。

我正在使用 Laravel 5.4，并且我有一个表，其主体由行上的循环组成，因为我需要它来显示数据库的结果，这并不重要，但只是为了解释。我给了一个图标一个 id，如果单击该图标，它将执行一些操作，首先呈现一条确认消息，然后如果单击"is"则删除该行。

问题是，如果单击第一行的图标，我可以渲染它，但不能渲染其他行的图标。我尝试了每种方法，但似乎不起作用，可能我误读了文档或者我不理解它的用法

我的代码非常简单(不执行删除任务):

$('document').ready(function(){
    $('#delete').each(function(){
        $(this).click(function(){
            return!! confirm("Are you sure you want to delete this?");
        });
    });
});

我只是想让我点击的每个图标都出现确认框!

提前致谢!如果您需要我用更多信息更新问题，请告诉我!

Answer 1

可能值得给予this当你有时间的时候读一读。了解唯一标识符和类名称之间的区别将有助于您的学习取得进展。

继续讨论您的问题，最佳实践是使用类名称而不是唯一标识符。如果可能，请将元素上的 id="delete" 更改为 class="delete"。这样我们就可以将确认对话框绑定(bind)到任何元素上，无论它是已经在 DOM 中还是稍后添加。

$('.delete').click(function () {
  return !!confirm("Are you sure you want to delete this?");
});

如果您通过 AJAX 添加包含此按钮的行，那么您需要按如下方式绑定(bind)该函数:

$(document).on('click', '.delete', function () {
  return !!confirm("Are you sure you want to delete this?");
});

希望这有帮助!